jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New filters hack to fix the light/dark theme issue (#276) 

This filer first turns the icon black, then it tries to match the Adwaita symbolic icon colours.
The filters are generated from : https://codepen.io/sosuke/pen/Pjoqqp
This way the icons are always #2e3436 for the light theme and #eeeeec for the dark theme independently of what icon-theme is in use.
This commit is contained in:
Filip Kemuel 2021-09-03 23:37:47 +00:00 committed by GitHub
parent 67fa2c6887
commit d88fb7e8cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
theme/system-icons.css
View File

@ -2,13 +2,13 @@
/* Icons light/dark fix coloring hack filters */ /* Icons light/dark fix coloring hack filters */
:root { :root {
--gnome-icons-hack-filter: none; --gnome-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%);
--gnome-window-icons-hack-filter: none; --gnome-window-icons-hack-filter: filter: brightness(0) saturate(100%) invert(37%) sepia(8%) saturate(683%) hue-rotate(183deg) brightness(95%) contrast(84%);
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--gnome-icons-hack-filter: invert(100%) sepia(100%) grayscale(100%) brightness(200%) brightness(200%); --gnome-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%);
--gnome-window-icons-hack-filter: invert(90%); --gnome-window-icons-hack-filter: brightness(0) saturate(100%) invert(94%) sepia(11%) saturate(362%) hue-rotate(184deg) brightness(95%) contrast(87%);
} }
} }