use media
This commit is contained in:
parent
2f296a0e06
commit
aa26ba8ae9
1 changed files with 6 additions and 3 deletions
|
@ -6,7 +6,6 @@
|
|||
--bg-hover: #cedce2;
|
||||
--point-hover: #ff00ff;
|
||||
--title-color: #a14cb3;
|
||||
--rss-inverse: 0%;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -18,7 +17,6 @@
|
|||
--bg-hover: #1f2730;
|
||||
--point-hover: #ff00ff;
|
||||
--title-color: #a25add;
|
||||
--rss-inverse: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -32,7 +30,12 @@ h1 {
|
|||
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 24 24' %3E%3Cpath d='M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19 7.38 20 6.18 20 5 20 4 19 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1Z' %3E%3C/path%3E%3C/svg%3E");
|
||||
padding-right: 2px;
|
||||
vertical-align: middle;
|
||||
filter: invert(var(--rss-inverse));
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#rss::before {
|
||||
filter: invert(80%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Card */
|
||||
|
|
Loading…
Reference in a new issue