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:
parent
a1860a1463
commit
45f400c7a5
1 changed files with 8 additions and 1 deletions
|
@ -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,
|
||||
|
|
Loading…
Reference in a new issue