use mask instead of filter
This commit is contained in:
parent
28ded9ed7c
commit
3a6f400cc4
6 changed files with 62 additions and 162 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue