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

adjust disabled colors to match perception

Browse Source 
...because transparent text is rendered using gamma-blending whereas colored text uses LCD-antialiasing so to match opacity .6 of #000 we need #888 not #666
This commit is contained in:
tophf 2020-11-22 12:38:41 +03:00
parent 8df3aacb22
commit 833fc2f54f
2 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
manage/manage.css
View File

@ -258,15 +258,15 @@ a:hover {
} }
.disabled h2 .style-name-link, .disabled h2 .style-name-link,
.disabled .actions, .disabled .applies-to,
.disabled .applies-to { .newUI .disabled.entry .svg-icon {
opacity: 0.6; color: #888;
fill: #c4c4c4;
font-weight: normal; font-weight: normal;
transition: opacity .5s .1s; transition: color .5s .1s, fill .5s .1s;
} }
.disabled h2 .style-name-link { .disabled.usercss .style-name-link::after {
opacity: 1; background-color: hsla(180, 35%, 50%, .2);
color: #999;
} }
.disabled:hover .actions { .disabled:hover .actions {
@ -340,10 +340,6 @@ a:hover {
margin-bottom: .75rem; margin-bottom: .75rem;
} }
.newUI .disabled {
opacity: 1;
}
.newUI .entry { .newUI .entry {
display: table-row; display: table-row;
padding-top: 0; padding-top: 0;

12
popup/popup.css
View File

@ -220,9 +220,17 @@ html[style] .entry-content {
opacity: 1; opacity: 1;
} }
.entry.disabled .style-name { .entry.disabled .style-name,
.entry.disabled .svg-icon {
font-weight: normal; font-weight: normal;
color: #999; color: #888;
fill: #aaa;
}
.entry.disabled:hover .svg-icon {
fill: #666;
}
.entry.disabled:hover a:hover .svg-icon {
fill: #000;
} }
.entry .main-controls { .entry .main-controls {