From 45f400c7a52ec79debec9f0988a3121658232696 Mon Sep 17 00:00:00 2001 From: Pedro Pinto Silva Date: Thu, 8 Jun 2023 14:44:50 +0200 Subject: [PATCH] Dark mode: add select state for buttons Do not re-use light mode values. Increase color contrast Signed-off-by: Pedro Pinto Silva Change-Id: I514d4be5468dd3df50ab5256b64d0a22e659ad97 --- browser/css/jssidebar.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/browser/css/jssidebar.css b/browser/css/jssidebar.css index 664567575..cf3766bc7 100644 --- a/browser/css/jssidebar.css +++ b/browser/css/jssidebar.css @@ -185,7 +185,6 @@ div.sidebar.ui-grid .checkbutton.sidebar, } /* selected */ .hasnotebookbar .ui-content.unotoolbutton.selected.has-label, -[data-theme='dark'] #toggledarktheme, .hasnotebookbar .ui-content.unotoolbutton.selected.inline, .hasnotebookbar .ui-content.unotoolbutton.selected:not(.has-label):not(.inline), .sidebar.unotoolbutton.selected { @@ -194,6 +193,14 @@ div.sidebar.ui-grid .checkbutton.sidebar, color: var(--color-text-dark); border-radius: var(--border-radius); } +[data-theme='dark'] .hasnotebookbar .ui-content.unotoolbutton.selected.has-label, +[data-theme='dark'] #toggledarktheme, +[data-theme='dark'] .hasnotebookbar .ui-content.unotoolbutton.selected.inline, +[data-theme='dark'] .hasnotebookbar .ui-content.unotoolbutton.selected:not(.has-label):not(.inline), +[data-theme='dark'] .sidebar.unotoolbutton.selected { + background-color: var(--color-background-darker); + border-color: var(--color-border-darker); +} /* selected hover */ .hasnotebookbar .ui-content.unotoolbutton.selected:hover, .unotoolbutton.notebookbar:hover,