bbb style

custom.css

:root {
  --color-primary: #ff0000;
  --color-success: #95ae3b;
  --color-warning: #e59123;
  --color-danger: #ca4b57;
  --color-off-white: #f7f8f8;
  --color-gray-lighter: #d2d2d2;
  --color-blue-light: #0f8489;
  --color-content-background: #323232;
  --color-webcam-letterboxing: #404040;
  --color-webcam-background-connecting: #404040;
  --color-first-note: #2dccd3;
  --color-second-note: #c3c5ca;
  --color-third-note: #4f4289;
  --color-fourth-note: #ca4b57;
  --color-fifth-note: #9bc111;
  --color-sixth-note: #e59123;
  --color-note-button: #0f8489;
  --color-note-button-disabled: #322b2a;
  --color-note-shadow: #202020;
  --color-overlay: rgba(32, 32, 32, 0.7);
  --color-background: #202020;
  --color-user-you: #dd582d;
  --color-user-moderator: #4f4289;
  --color-user-viewer: #2dccd3;
  --list-item-bg-hover: #e3e4e7;
  --item-focus-border: #ff000000;
  --systemMessage-background-color: #f7f8f8;
  --systemMessage-border-color: #ff000000;

  /* new 2.4 variables */
  --palette-placeholder-text: #787675;

  --color-white: #FFF;

  --color-black: #000000;
  --color-gray: #4E5A66;
  --color-gray-dark: #06172A;
  --color-gray-light: #8B9AA8;
  --color-gray-darkest: #111111;
  --color-gray-lightest: #d4d9df;

  --color-blue-lighter: #92BCEA;
  --color-blue-lightest: #E4ECF2;

  --color-offline: var(--color-gray-light);
  --color-muted: #586571;

  --color-muted-background: #F3F6F9;


  --color-text: var(--color-gray);
  --color-heading: var(--color-gray-dark);

  --color-link: var(--color-primary);
  --color-link-hover: #2687ef;

  --color-gray-label: var(--color-gray);

  --color-transparent: #ff000000;

  --color-tip-bg: #333333;

  --color-white-with-transparency: #ffffff40;

  --loader-bg: var(--color-background);
  --loader-bullet: var(--color-white);
  --user-list-bg: var(--color-off-white);

  --unread-messages-bg: var(--color-danger);
  --user-list-text: var(--color-gray);

  --user-thumbnail-border: var(--color-gray-light);
  --user-thumbnail-text: var(--user-thumbnail-border);

  --voice-user-bg: var(--color-success);
  --voice-user-text: var(--color-white);

  --moderator-text: var(--color-white);
  --moderator-bg: var(--color-primary);

  --sub-name-color: var(--color-gray-light);

  --user-icons-color: var(--color-gray-light);
  --user-icons-color-hover: var(--color-gray);
}

main {
  background-color: var(--color-background);
}

/*navBar/actionsBar*/
div[id^="layout"] {
  background-color: #202020 !important;
}

/*presentationContainer*/
div[class^="presentationContainer"] {
  background-color: #202020 !important;
}

[data-test="messageTitle"] {
 display: none !important; 
}

[data-test="userListContent"] {
  display:flex !important;
  flex-flow: column !important;
}

[data-test="notesButton"] {
  order: 1 !important;
}

html { display: none !important; }