commit df6a9f2d309e1b0196cb782bcc0c17a903cbb488
author Benjamin Cabé <benjamin@zephyrproject.org> Wed Nov 08 19:34:33 2023 +0100
committer Fabio Baltieri <fabio.baltieri@gmail.com> Thu Nov 09 10:23:31 2023 +0000
tree 157768bd65c58e4704a033b1c2c2ef7701a20f40
parent 00758b3e9a5f6c20d779ae82d47604cb005f5919

doc: css: fix dark theme for gui roles

Fix dark theme issues with guilabel and menuselection roles.

Signed-off-by: Benjamin Cabé <benjamin@zephyrproject.org>

doc/_static/css/custom.css

diff --git a/doc/_static/css/custom.css b/doc/_static/css/custom.css
index edd7f24..7275678 100644
--- a/doc/_static/css/custom.css
+++ b/doc/_static/css/custom.css
@@ -582,6 +582,14 @@
     vertical-align: middle;
 }
 
+/* guilabel and menuselection tweaks */
+.rst-content .guilabel,
+.rst-content .menuselection {
+    color: var(--body-color);
+    background-color: var(--guiitems-background-color);
+    border-color: var(--guiitems-border-color);
+}
+
 /* Buttons */
 
 .btn-neutral {

doc/_static/css/dark.css

diff --git a/doc/_static/css/dark.css b/doc/_static/css/dark.css
index a577bd6..47d5552 100644
--- a/doc/_static/css/dark.css
+++ b/doc/_static/css/dark.css
@@ -87,6 +87,9 @@
     --kbd-shadow-color: #1e2023;
     --kbd-text-color: #e2f2ff;
 
+    --guiitems-background-color: #303d4f;
+    --guiitems-border-color: #7fbbe3;
+
     --btn-neutral-background-color: #404040;
     --btn-neutral-hover-background-color: #505050;
     --footer-color: #aaa;

doc/_static/css/light.css

diff --git a/doc/_static/css/light.css b/doc/_static/css/light.css
index 625516d..0389650 100644
--- a/doc/_static/css/light.css
+++ b/doc/_static/css/light.css
@@ -85,6 +85,9 @@
     --kbd-shadow-color: #b0b7bf;
     --kbd-text-color: #444d56;
 
+    --guiitems-background-color: #e7f2fa;
+    --guiitems-border-color: #7fbbe3;
+
     --btn-neutral-background-color: #f3f6f6;
     --btn-neutral-hover-background-color: #e5ebeb;
     --footer-color: #808080;