Custom color updates

dkyeremeh · Oct 2, 2021 · a8ccf27 · a8ccf27
1 parent 6b29ab2
commit a8ccf27
Showing 1 changed file with 47 additions and 5 deletions.
diff --git a/dark-mode.css b/dark-mode.css
@@ -131,7 +131,7 @@ body.dark-mode {
 	--tags-background: var(--color-blue);
 
 	/* Sidebar */
-	--sidebar-background: var(--color-dark);
+	--sidebar-background: var(--color-darker);
 
 	/* Chip */
 	--chip-background: var(--color-blue);
@@ -150,7 +150,7 @@ body.dark-mode {
 
 	/* Header */
 	--header-title-username-color-darker: var(--color-gray-lightest);
-	--header-background-color: var(--color-darkest);
+	--header-background-color: var(--color-darker);
 
 	/* Popover */
 	--popover-background: var(--color-dark);
@@ -291,7 +291,10 @@ body.dark-mode p.rc-user-info-details__info {
 	color: var(--color-white);
 }
 
-body.dark-mode .messages-container .footer,
+body.dark-mode .messages-container .footer{
+	background-color: var(--color-darkest);
+}
+
 body.dark-mode .content-background-color {
 	background-color: var(--header-background-color);
 }
@@ -328,6 +331,8 @@ body.dark-mode .message.first-unread .body:after {
 
 body.dark-mode .rc-message-box__container {
 	background-color: var(--message-box-background);
+	border-width: 0;
+	border-radius: 0;
 }
 
 body.dark-mode .rc-old .rc-message-box .reply-preview {
@@ -572,7 +577,8 @@ body.dark-mode .emoji-picker .filter-item.active {
 	border-color: var(--color-light-blue);
 }
 
-body.dark-mode .rcx-room-header hr.rcx-divider {
+body.dark-mode .rcx-room-header hr.rcx-divider,
+body.dark-mode .rc-popover__content hr.rcx-divider{
     border-color: var(--color-dark-medium);
 }
 
@@ -790,7 +796,7 @@ body.dark-mode .permissions-manager .permission-grid .id-styler {
 }
 
 body.dark-mode .rcx-accordion-item__bar:hover {
-	background-color: var(--color-dark-30);
+	background-color: var(--color-dark-medium);
 }
 
 body.dark-mode .rcx-box--text-style-h1,
@@ -1035,3 +1041,39 @@ body.dark-mode .rcx-box--with-inline-elements code, .rcx-field__description code
 .dummy-entry {
     color: whitesmoke;
 }
+
+
+/** OVERRIDES */
+.rcx-sidebar>div:last-child {
+	background-color: var(--sidebar-background);
+}
+body.dark-mode hr.rcx-divider {
+	border-width: 1px 0 0;
+}
+body.dark-mode .rcx-room-header hr.rcx-divider {
+	display: none;
+}
+
+body.dark-mode .rcx-accordion-item__bar{
+	border-width: 1px 0 0;
+	border-color: var(--color-dark-medium);
+}
+
+
+.focus.rcx-autocomplete,
+.focus.rcx-input-box:not(.rcx-input-box--undecorated),
+.focus.rcx-input-box__wrapper, .focus.rcx-select,
+.is-focused.rcx-autocomplete,
+.is-focused.rcx-input-box:not(.rcx-input-box--undecorated),
+.is-focused.rcx-input-box__wrapper,
+.is-focused.rcx-select,
+.rcx-autocomplete:focus,
+.rcx-autocomplete:focus-within,
+.rcx-input-box:focus-within:not(.rcx-input-box--undecorated),
+.rcx-input-box:focus:not(.rcx-input-box--undecorated),
+.rcx-input-box__wrapper:focus,
+.rcx-input-box__wrapper:focus-within,
+.rcx-select:focus,
+.rcx-select:focus-within {
+	box-shadow: none !important;
+}