From ddca68eafa31c4887f50a59179764f3b8ef7b2ba Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 17 Dec 2025 01:33:23 +0200 Subject: [PATCH] style/note title & icon: add support for both dark and light color schemes --- apps/client/src/stylesheets/theme-next-dark.css | 4 ++++ apps/client/src/stylesheets/theme-next-light.css | 4 ++++ apps/client/src/widgets/note_icon.css | 4 ---- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index b4c3def74..113a57f79 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -199,6 +199,10 @@ --badge-background-color: #ffffff1a; --badge-text-color: var(--muted-text-color); + --note-icon-button-background-color: #444444; + --note-icon-button-hover-background-color: #5a5a5a; + --note-icon-button-color: white; + --promoted-attribute-card-background-color: #ffffff21; --promoted-attribute-card-shadow: none; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index 620672499..d1364ebd4 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -191,6 +191,10 @@ --badge-background-color: #00000011; --badge-text-color: var(--muted-text-color); + --note-icon-button-background-color: #4f4f4f; + --note-icon-button-hover-background-color: #737373; + --note-icon-button-color: white; + --promoted-attribute-card-background-color: #00000014; --promoted-attribute-card-shadow: none; diff --git a/apps/client/src/widgets/note_icon.css b/apps/client/src/widgets/note_icon.css index c5597452c..7168daf5b 100644 --- a/apps/client/src/widgets/note_icon.css +++ b/apps/client/src/widgets/note_icon.css @@ -76,10 +76,6 @@ div.note-icon-widget { } body.experimental-feature-new-layout { - --note-icon-button-background-color: #444444; - --note-icon-button-hover-background-color: #5a5a5a; - --note-icon-button-color: white; - .note-icon-widget button.note-icon { --input-focus-outline-color: var(--note-icon-button-hover-background-color);