Update icons implementation to use custom type
This commit is contained in:
parent
d656986413
commit
f7239137d6
6 changed files with 44 additions and 63 deletions
|
|
@ -1059,7 +1059,7 @@ details[open] .summary::after {
|
|||
opacity: 0.8;
|
||||
}
|
||||
|
||||
:root:not(.light-scheme) .simple-icon {
|
||||
:root:not(.light-scheme) .flat-icon {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
|
|
@ -1355,7 +1355,7 @@ details[open] .summary::after {
|
|||
transition: filter 0.3s, opacity 0.3s;
|
||||
}
|
||||
|
||||
.monitor-site-icon.simple-icon {
|
||||
.monitor-site-icon.flat-icon {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
|
|
@ -1363,7 +1363,7 @@ details[open] .summary::after {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
.monitor-site:hover .monitor-site-icon:not(.simple-icon) {
|
||||
.monitor-site:hover .monitor-site-icon:not(.flat-icon) {
|
||||
filter: grayscale(0);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue