From ffd626d18eeb252ea5ecd6fba1f338b3d1ebd43a Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 9 Jan 2025 00:12:31 +0200
Subject: [PATCH] style(next): define the dark mode colors

---
 src/public/stylesheets/theme-next-dark.css  | 10 ++++++++++
 src/public/stylesheets/theme-next-light.css | 10 ++++++++++
 src/public/stylesheets/theme-next/base.css  |  2 ++
 src/public/stylesheets/theme-next/shell.css | 13 -------------
 4 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css
index 05b481901..bf4ffa43d 100644
--- a/src/public/stylesheets/theme-next-dark.css
+++ b/src/public/stylesheets/theme-next-dark.css
@@ -143,6 +143,16 @@
     --tooltip-background-color: rgba(67, 67, 67, 0.86);
     --tooltip-foreground-color: #ffffffeb;
     --tooltip-shadow-color: rgba(0, 0, 0, 0.4);
+
+    --help-background-color: #00000059;
+    --help-card-background: var(--card-background-color);
+    --help-card-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
+    --help-card-heading-color: #959595;
+    --help-kbd-shortcut-color: white;
+    --help-kbd-shortcut-background: #676767;
+    --help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
+    --help-code-color: inherit;
+    --help-code-background: #565656;
 }
 
 /*
diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css
index 8ad0ee213..108b797ed 100644
--- a/src/public/stylesheets/theme-next-light.css
+++ b/src/public/stylesheets/theme-next-light.css
@@ -142,4 +142,14 @@
     --tooltip-background-color: rgba(255, 255, 255, 0.85);
     --tooltip-foreground-color: #000000ba;
     --tooltip-shadow-color: rgba(0, 0, 0, .15);
+
+    --help-background-color: #fffc;
+    --help-card-background: var(--card-background-color);
+    --help-card-shadow: 2px 2px 2px rgba(0, 0, 0, .10);
+    --help-card-heading-color: #797979;
+    --help-kbd-shortcut-color: #3f3f3f;
+    --help-kbd-shortcut-background: white;
+    --help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
+    --help-code-color: black;
+    --help-code-background: #d7d5d5;
  }
diff --git a/src/public/stylesheets/theme-next/base.css b/src/public/stylesheets/theme-next/base.css
index 3fc7766ca..b9aa3c619 100644
--- a/src/public/stylesheets/theme-next/base.css
+++ b/src/public/stylesheets/theme-next/base.css
@@ -55,6 +55,8 @@
     --timeline-bullet-vertical-pos: .75em;
     --timeline-connector-size: 4px;
 
+    --help-backdrop-blur: 10px;
+
     /* Theme capabilities */
     --tab-note-icons: true;
 }
\ No newline at end of file
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 05d396747..9d41b0a17 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -1563,19 +1563,6 @@ body .calendar-dropdown-widget .calendar-body a:hover {
 
 /* Help */
 
-.help-dialog {
-    --help-background-color: #fffc;
-    --help-backdrop-blur: 10px;
-    --help-card-background: var(--card-background-color);
-    --help-card-shadow: 2px 2px 2px rgba(0, 0, 0, .10);
-    --help-card-heading-color: #797979;
-    --help-kbd-shortcut-color: #3f3f3f;
-    --help-kbd-shortcut-background: white;
-    --help-kbd-shortcut-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
-    --help-code-color: black;
-    --help-code-background: #d7d5d5;
-}
-
 .help-dialog .modal-content {
     --modal-background-color: var(--help-background-color);
     backdrop-filter: blur(var(--help-backdrop-blur));