Dark mode: add select state for buttons

Do not re-use light mode values.
Increase color contrast

Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I514d4be5468dd3df50ab5256b64d0a22e659ad97
This commit is contained in:
Pedro Pinto Silva 2023-06-08 14:44:50 +02:00
parent a1860a1463
commit 45f400c7a5

View file

@ -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,