From 37f712a5fc4939b1a11547273b5dfa231823e3b6 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 21 May 2025 23:56:25 +0300
Subject: [PATCH] style(next)/formatting toolbar: tweak the colors of open
 dropdown buttons

---
 apps/client/src/stylesheets/theme-next-dark.css       | 1 +
 apps/client/src/stylesheets/theme-next-light.css      | 2 ++
 apps/client/src/stylesheets/theme-next/notes/text.css | 5 +++++
 3 files changed, 8 insertions(+)

diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
index a5cce76e3..9525231f5 100644
--- a/apps/client/src/stylesheets/theme-next-dark.css
+++ b/apps/client/src/stylesheets/theme-next-dark.css
@@ -241,6 +241,7 @@
     --ck-editor-toolbar-button-on-background: #ffffff3b;
     --ck-editor-toolbar-button-on-color: white;
     --ck-editor-toolbar-button-on-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
+    --ck-editor-toolbar-dropdown-button-open-background: #ffffff14;
 }
 
 /*
diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css
index a7ddd5b06..3b9907eb8 100644
--- a/apps/client/src/stylesheets/theme-next-light.css
+++ b/apps/client/src/stylesheets/theme-next-light.css
@@ -240,4 +240,6 @@
     --ck-editor-toolbar-button-on-background: #00000017;
     --ck-editor-toolbar-button-on-color: black;
     --ck-editor-toolbar-button-on-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
+    --ck-editor-toolbar-dropdown-button-open-background: #0000000f;
+
 }
diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css
index f41d86da1..6f1894e96 100644
--- a/apps/client/src/stylesheets/theme-next/notes/text.css
+++ b/apps/client/src/stylesheets/theme-next/notes/text.css
@@ -33,6 +33,11 @@
     box-shadow: var(--ck-editor-toolbar-button-on-shadow);
 }
 
+.ck.ck-toolbar .ck-button.ck-dropdown__button {
+    --ck-color-button-on-background: var(--ck-editor-toolbar-dropdown-button-open-background);
+    --ck-color-button-on-color: currentColor;
+}
+
 /* Disabled button */
 :root .classic-toolbar-widget .ck.ck-button.ck-disabled {
     opacity: .75;