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>
This commit is contained in:
Benjamin Cabé 2023-11-08 19:34:33 +01:00 committed by Fabio Baltieri
commit df6a9f2d30
3 changed files with 14 additions and 0 deletions

View file

@ -582,6 +582,14 @@ kbd, .kbd,
vertical-align: middle; 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 */ /* Buttons */
.btn-neutral { .btn-neutral {

View file

@ -87,6 +87,9 @@
--kbd-shadow-color: #1e2023; --kbd-shadow-color: #1e2023;
--kbd-text-color: #e2f2ff; --kbd-text-color: #e2f2ff;
--guiitems-background-color: #303d4f;
--guiitems-border-color: #7fbbe3;
--btn-neutral-background-color: #404040; --btn-neutral-background-color: #404040;
--btn-neutral-hover-background-color: #505050; --btn-neutral-hover-background-color: #505050;
--footer-color: #aaa; --footer-color: #aaa;

View file

@ -85,6 +85,9 @@
--kbd-shadow-color: #b0b7bf; --kbd-shadow-color: #b0b7bf;
--kbd-text-color: #444d56; --kbd-text-color: #444d56;
--guiitems-background-color: #e7f2fa;
--guiitems-border-color: #7fbbe3;
--btn-neutral-background-color: #f3f6f6; --btn-neutral-background-color: #f3f6f6;
--btn-neutral-hover-background-color: #e5ebeb; --btn-neutral-hover-background-color: #e5ebeb;
--footer-color: #808080; --footer-color: #808080;