UX: more dark mode adjustments (#13)

scss/box-view.scss

@@ -30,7 +30,7 @@
     position: fixed;
     width: var(--d-border-radius-large);
     height: var(--d-border-radius-large);
-    background-color: var(--secondary);
+    background-color: var(--tertiary-50);
     z-index: 999;
     -webkit-mask: radial-gradient(
       circle at var(--d-border-radius-large) var(--d-border-radius-large),
@@ -90,7 +90,7 @@
     position: fixed;
     width: 100%;
     z-index: 999;
-    background-color: var(--secondary);
+    background-color: var(--tertiary-50);
     bottom: 0;
     left: calc(var(--main-grid-gap) + var(--d-sidebar-width));
     @media screen and (max-width: 768px) {

scss/header.scss

@@ -2,3 +2,24 @@
   box-shadow: none;
   background: var(--tertiary-50);
 }
+
+.user-menu .quick-access-panel,
+.user-notifications-list {
+  li {
+    &.pending,
+    &.unread {
+      background: var(--d-hover);
+
+      .discourse-no-touch & {
+        &:hover,
+        &:focus {
+          background: var(--d-selected);
+        }
+      }
+    }
+  }
+}
+
+.user-menu.revamped .tabs-list .btn.active {
+  background: var(--d-hover);
+}

scss/variables.scss

@@ -2,17 +2,14 @@
   --d-border-radius-large: 20px;
   --d-border-radius: 8px;
   --d-input-border-radius: 6px;
-  --accent-color: #3c41c3;
-  --accent-text-color: #ffffff;
+  --accent-text-color: var(--secondary);
   --d-content-background: var(--secondary);
   --d-nav-color--active: var(--accent-color);
-  --d-post-control-background--hover: #ebecf9;
-  --d-post-control-text-color--hover: #242775;
   --d-sidebar-background: var(--tertiary-50);
   --d-sidebar-footer-fade: rgba(var(--tertiary-50-rgb), 1);
   --d-sidebar-link-color: var(--primary);
   --d-sidebar-highlight-color: var(--primary);
-  --d-sidebar-highlight-background: var(--tertiary-300);
+  --d-sidebar-highlight-background: var(--d-selected);
   --d-sidebar-section-link-icon-size: 1em;
   --d-input-bg-color: var(--d-content-background);
   // --d-sidebar-row-height: 2.8em;