open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

always contrast zebra-stripe and action block

Browse Source
This commit is contained in:
narcolepticinsomniac 2022-02-16 14:29:49 -05:00
parent 3242be16fc
commit 2379b2bc0c
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
popup/popup.css
View File

@ -230,8 +230,14 @@ html[style] .entry-content {
padding-right: 5px;
}
.entry:nth-child(even) {
background-color: rgba(0, 0, 0, 0.05);
[data-ui-theme="light"] .zebra .entry:nth-child(even),
[data-ui-theme="light"] .reverse-zebra .entry:nth-child(odd) {
background-color: hsla(0, 0%, 50%, 0.1);
}
[data-ui-theme="dark"] .zebra .entry:nth-child(even),
[data-ui-theme="dark"] .reverse-zebra .entry:nth-child(odd) {
background-color: hsla(0, 0%, 50%, 0.05);
}
.entry:nth-child(-n+10):before,

3
popup/popup.js
View File

@ -293,6 +293,9 @@ function showStyles(frameResults) {
} else {
installed.appendChild(t.template.noStyles);
}
const zebra = $('.entry:last-child:nth-child(odd)') &&
!$('.styles-last') ? 'reverse-zebra' : 'zebra';
$('#installed').classList.add(`${zebra}`);
require(['/popup/hotkeys']);
}