From 8c165c040153632be7aeffaaa5db77b309da629c Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Thu, 23 Oct 2025 10:57:01 +0300 Subject: [PATCH] style/quick edit dialog: add support for the dark color scheme --- apps/client/src/stylesheets/theme-next-dark.css | 6 ++++++ apps/client/src/stylesheets/theme-next-light.css | 6 ++++++ apps/client/src/stylesheets/theme-next/dialogs.css | 8 -------- 3 files changed, 12 insertions(+), 8 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index c9ac61508..d3bf6bd5a 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -294,4 +294,10 @@ body ::-webkit-calendar-picker-indicator { body .todo-list input[type="checkbox"]:not(:checked):before { border-color: var(--muted-text-color) !important; +} + +.tinted-quick-edit-dialog { + --modal-background-color: hsl(var(--custom-color-hue), 30.3%, 17.5%); + --modal-border-color: hsl(var(--custom-color-hue), 33%, 41%); + --promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 23.9%, 32%); } \ No newline at end of file diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index 631d443b1..21c527993 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -270,4 +270,10 @@ * The --custom-color-hue variable contains the hue of the user-selected note color. * This value is unset for gray tones. */ --custom-bg-color: hsl(var(--custom-color-hue), 37%, 89%, 1); +} + +.tinted-quick-edit-dialog { + --modal-background-color: hsl(var(--custom-color-hue), 56%, 96%); + --modal-border-color: hsl(var(--custom-color-hue), 33%, 41%); + --promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 40%, 88%); } \ No newline at end of file diff --git a/apps/client/src/stylesheets/theme-next/dialogs.css b/apps/client/src/stylesheets/theme-next/dialogs.css index e7a5405e8..ed617991c 100644 --- a/apps/client/src/stylesheets/theme-next/dialogs.css +++ b/apps/client/src/stylesheets/theme-next/dialogs.css @@ -421,12 +421,4 @@ div.tn-tool-dialog { .note-type-chooser-dialog div.note-type-dropdown .dropdown-item span.bx { margin-inline-end: .25em; -} - -/* QUICK EDIT DIALOG */ - -.tinted-quick-edit-dialog { - --modal-background-color: hsl(var(--custom-color-hue), 56%, 96%); - --modal-border-color: hsl(var(--custom-color-hue), 33%, 41%); - --promoted-attribute-card-background-color: hsl(var(--custom-color-hue), 40%, 88%); } \ No newline at end of file