fix(web): selected navigation item color (#1191)

standardnotes · Jul 1, 2022 · 0193ba3 · 0193ba3
1 parent 2be6839
commit 0193ba3
Show file tree

Hide file tree

Showing 7 changed files with 26 additions and 2 deletions.
diff --git a/packages/components/src/Packages/Themes/org.standardnotes.theme-autobiography/src/main.scss b/packages/components/src/Packages/Themes/org.standardnotes.theme-autobiography/src/main.scss
@@ -58,6 +58,10 @@
   --sn-desktop-titlebar-border-color: var(--border-color);
   --sn-desktop-titlebar-ui-color: var(--foreground-color);
   --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
+
+  // Theme
+
+  --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
 }
 
 #notes-column .note.selected,

diff --git a/packages/components/src/Packages/Themes/org.standardnotes.theme-focus/src/main.scss b/packages/components/src/Packages/Themes/org.standardnotes.theme-focus/src/main.scss
@@ -64,4 +64,8 @@
   --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
 
   --sn-stylekit-menu-border: 1px solid #424242;
+
+  // Theme
+
+  --navigation-item-selected-background-color: var(--background-color);  
 }
diff --git a/packages/components/src/Packages/Themes/org.standardnotes.theme-futura/src/main.scss b/packages/components/src/Packages/Themes/org.standardnotes.theme-futura/src/main.scss
@@ -59,4 +59,8 @@
   --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
 
   --sn-stylekit-menu-border: 1px solid #434b60;
+
+  // Theme
+
+  --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
 }
diff --git a/packages/components/src/Packages/Themes/org.standardnotes.theme-midnight/src/main.scss b/packages/components/src/Packages/Themes/org.standardnotes.theme-midnight/src/main.scss
@@ -60,4 +60,8 @@
   --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
 
   --sn-stylekit-menu-border: 1px solid #494965;
+
+  // Theme
+
+  --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
 }
diff --git a/packages/components/src/Packages/Themes/org.standardnotes.theme-solarized-dark/src/main.scss b/packages/components/src/Packages/Themes/org.standardnotes.theme-solarized-dark/src/main.scss
@@ -80,4 +80,8 @@
   --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
 
   --sn-stylekit-menu-border: 1px solid #1f5461;
+
+  // Theme
+
+  --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
 }
diff --git a/packages/components/src/Packages/Themes/org.standardnotes.theme-titanium/src/main.scss b/packages/components/src/Packages/Themes/org.standardnotes.theme-titanium/src/main.scss
@@ -57,4 +57,8 @@
   --sn-desktop-titlebar-ui-hover-color: var(--background-color);
 
   --sn-stylekit-menu-border: 1px solid #b2b2b3;
+
+  // Theme
+
+  --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
 }
diff --git a/packages/web/src/stylesheets/_theme.scss b/packages/web/src/stylesheets/_theme.scss
@@ -18,7 +18,7 @@
   --note-preview-progress-background-color: var(--sn-stylekit-passive-color-4-opacity-variant);
 
   --note-preview-selected-progress-color: var(--sn-stylekit-secondary-background-color);
-  --note-preview-selected-progress-background-color:var(--sn-stylekit-passive-color-4-opacity-variant);
+  --note-preview-selected-progress-background-color: var(--sn-stylekit-passive-color-4-opacity-variant);
 
   --items-column-background-color: var(--sn-stylekit-background-color);
   --items-column-items-background-color: var(--sn-stylekit-background-color);
@@ -32,7 +32,7 @@
   --navigation-section-title-color: var(--sn-stylekit-secondary-foreground-color);
   --navigation-item-text-color: var(--sn-stylekit-secondary-foreground-color);
   --navigation-item-count-color: var(--sn-stylekit-neutral-color);
-  --navigation-item-selected-background-color: var(--sn-stylekit-background-color);
+  --navigation-item-selected-background-color: rgb(253, 253, 253);
 
   --preferences-navigation-icon-color: var(--sn-stylekit-neutral-color);
   --preferences-navigation-selected-background-color: var(--sn-stylekit-info-backdrop-color);