mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use SelectedItemText color on SelectedItem backgrounds (#4350)

Browse source
This commit is contained in:
Abe Jellinek 2024-07-10 01:20:47 -04:00 committed by GitHub
parent 2f1aa19ae5
commit 13496afeb3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
chrome/skin/default/zotero/integration.css
View file

@ -192,7 +192,7 @@
} }
.citation-dialog.editor::selection { .citation-dialog.editor::selection {
color: white; color: var(--color-accent-text);
background: var(--color-accent); background: var(--color-accent);
} }

3
scss/base/_base.scss
View file

@ -5,6 +5,7 @@
line-height: 1.3333333333; line-height: 1.3333333333;
@media (-moz-platform: windows) { @media (-moz-platform: windows) {
--color-accent: var(--accent-blue); --color-accent: var(--accent-blue);
--color-accent-text: #fff;
@include light-dark(--color-focus-outer-border, var(--fill-primary), var(--accent-white)); @include light-dark(--color-focus-outer-border, var(--fill-primary), var(--accent-white));
@include light-dark(--color-focus-border, var(--accent-white), #00000080); @include light-dark(--color-focus-border, var(--accent-white), #00000080);
--width-focus-outer-border: 2px; --width-focus-outer-border: 2px;
@ -12,11 +13,13 @@
} }
@media (-moz-platform: macos) { @media (-moz-platform: macos) {
--color-accent: SelectedItem; --color-accent: SelectedItem;
--color-accent-text: SelectedItemText;
--color-focus-border: color-mix(in srgb, var(--color-accent) 50%, transparent); --color-focus-border: color-mix(in srgb, var(--color-accent) 50%, transparent);
--width-focus-border: 3px; --width-focus-border: 3px;
} }
@media (-moz-platform: linux) { @media (-moz-platform: linux) {
--color-accent: SelectedItem; --color-accent: SelectedItem;
--color-accent-text: SelectedItemText;
--color-focus-border: var(--color-accent); --color-focus-border: var(--color-accent);
--width-focus-border: 2px; --width-focus-border: 2px;
} }

2
scss/components/_richlistbox.scss
View file

@ -7,7 +7,7 @@ richlistbox.theme-listbox {
richlistitem { richlistitem {
--listitem-selectedBackground: var(--tag-gray); --listitem-selectedBackground: var(--tag-gray);
--listitem-selectedFocusCurrentBackground: var(--color-accent); --listitem-selectedFocusCurrentBackground: var(--color-accent);
--listitem-selectedTextColor: var(--accent-white); --listitem-selectedTextColor: var(--color-accent-text);
--listitem-selectedBorder: transparent; --listitem-selectedBorder: transparent;
--listitem-selectedBottomBorder: transparent; --listitem-selectedBottomBorder: transparent;
--listitem-selectedCurrentBorder: transparent; --listitem-selectedCurrentBorder: transparent;

2
scss/components/_virtualized-table.scss
View file

@ -134,7 +134,7 @@
&.selected:not(.highlighted) { &.selected:not(.highlighted) {
background-color: var(--color-accent); background-color: var(--color-accent);
color: #fff; color: var(--color-accent-text);
@include state(".virtualized-table:not(:focus-within)") { @include state(".virtualized-table:not(:focus-within)") {
color: var(--fill-primary); color: var(--fill-primary);

2
scss/elements/_richlistCheckbox.scss
View file

@ -19,7 +19,7 @@ richlistcheckbox[selected="true"] {
richlistbox:where(:focus) > richlistcheckbox[selected="true"] { richlistbox:where(:focus) > richlistcheckbox[selected="true"] {
background-color: var(--color-accent); background-color: var(--color-accent);
color: SelectedItemText; color: var(--color-accent-text);
} }
richlistbox[seltype="multiple"]:focus > richlistcheckbox[current="true"], richlistbox[seltype="multiple"]:focus > richlistcheckbox[current="true"],