use mask instead of filter

This commit is contained in:
ygg2 2024-08-29 10:26:10 -04:00
parent 28ded9ed7c
commit 3a6f400cc4
6 changed files with 62 additions and 162 deletions

View file

@ -1556,14 +1556,11 @@ span {
form div{
width:100%;
}
.svgtheme{
color: var(--icon-color);
filter:hue-rotate(var(--rot)) invert(var(--invert)) brightness(var(--brightness));
}
.channels .channel{
margin-bottom: .03in;
}
.colaspeicon{
height:.15in;
width:.15in;
padding-right: .025in;
padding-left: .05in;
@ -1572,6 +1569,34 @@ form div{
.hiddencat{
rotate:-90deg;
}
.svg-announce{
mask: url(/icons/announce.svg);
}
.svg-category{
mask: url(/icons/category.svg);
}
.svg-channel{
mask: url(/icons/channel.svg);
}
.svg-copy{
mask: url(/icons/copy.svg);
}
.svg-explore{
mask: url(/icons/explore.svg);
}
.svg-home{
mask: url(/icons/home.svg);
}
.svg-settings{
mask: url(/icons/settings.svg);
}
.svg-voice{
mask: url(/icons/voice.svg);
}
.svgtheme{
background: var(--icon-color);
mask-repeat: no-repeat;
}
.svgicon{
width:.5in;
height:.5in;
@ -1726,6 +1751,7 @@ form div{
background: var(--settings-hover);
}
#settings{
height:.225in;
width:.225in;
margin:.05in;
}