scriptoriumadmin/zotero
1
0
Fork 0
mirror of https://github.com/zotero/zotero.git synced 2026-10-05 02:43:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Reduce contrast of alternating row colors (#3667)

Browse source 
Closes #3635
This commit is contained in:
yexingsha 2024-02-02 02:20:47 -06:00 • committed by GitHub
parent 9823b1199a
commit 7344b8bb46
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/components/_item-tree.scss
View file

@ -75,7 +75,7 @@
.virtualized-table, .drag-image-container {
.row {
&.odd:not(.selected) {
background-color: var(--material-sidepane);
background-color: var(--material-stripe);
}
&.even:not(.selected) {

5
scss/themes/_dark.scss
View file

@ -37,6 +37,7 @@ $-colors: (
color-scrollbar: rgb(117, 117, 117),
color-scrollbar-hover: rgb(158, 158, 158),
color-scrollbar-background: transparent,
color-stripe: #ffffff0d,
tag-blue: #2ea8e5d9,
tag-gray: #aaac,
tag-green: #5fb236d9,
@ -69,6 +70,9 @@ $-colors: (
--color-quarternary-on-sidepane: #{color.mix(
map.get($-colors, "color-sidepane"), color.change(map.get($-colors, "fill-quarternary"), $alpha: 1), 100% * (1 - color.alpha(map.get($-colors, "fill-quarternary")))
)};
--color-stripe-on-background: #{color.mix(
map.get($-colors, "color-background"), color.change(map.get($-colors, "color-stripe"), $alpha: 1), 100% * (1 - color.alpha(map.get($-colors, "color-stripe")))
)};
// background materials
--material-background: var(--color-background);
@ -82,6 +86,7 @@ $-colors: (
--material-toolbar: var(--color-toolbar);
--material-mix-quinary: var(--color-quinary-on-background);
--material-mix-quarternary: var(--color-quarternary-on-background);
--material-stripe: var(--color-stripe-on-background);
// border materials
--material-border-transparent: 1px solid transparent;

5
scss/themes/_light.scss
View file

@ -37,6 +37,7 @@ $-colors: (
color-scrollbar: rgb(194, 194, 194),
color-scrollbar-hover: rgb(125, 125, 125),
color-scrollbar-background: transparent,
color-stripe: #0000000a,
tag-blue: #2ea8e5,
tag-gray: #aaa,
tag-green: #5fb236,
@ -69,6 +70,9 @@ $-colors: (
--color-quarternary-on-sidepane: #{color.mix(
map.get($-colors, "color-sidepane"), color.change(map.get($-colors, "fill-quarternary"), $alpha: 1), 100% * (1 - color.alpha(map.get($-colors, "fill-quarternary")))
)};
--color-stripe-on-background: #{color.mix(
map.get($-colors, "color-background"), color.change(map.get($-colors, "color-stripe"), $alpha: 1), 100% * (1 - color.alpha(map.get($-colors, "color-stripe")))
)};
// background materials
--material-background: var(--color-background);
@ -82,6 +86,7 @@ $-colors: (
--material-toolbar: var(--color-toolbar);
--material-mix-quinary: var(--color-quinary-on-background);
--material-mix-quarternary: var(--color-quarternary-on-background);
--material-stripe: var(--color-stripe-on-background);
// border materials
--material-border-transparent: 1px solid transparent;