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 index f334c9dc0..0ae0397ab 100644 --- 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 index 4a6f7117c..e778bc04f 100644 --- 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 index 03747239c..546fbee98 100644 --- 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 index 54f394699..639d91a18 100644 --- 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 index 61b4073a6..87ec6eb1b 100644 --- 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 index f5b10f5ba..ed5570155 100644 --- 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 index caa80a4b7..9768a9ca1 100644 --- 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);