sudacode/metrics
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use precomputed colors for achievements to avoid use of "filter" css property

Browse Source
This commit is contained in:
lowlighter
2021-03-21 00:27:50 +01:00
parent 4ca61b1d3b
commit 5f6db8a9a3
2 changed files with 35 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
source/templates/classic/style.css
View File

@@ -858,35 +858,41 @@
font-size: 14px;
color: #58A6FF;
}
.achievement .gauge.info {
color: #58A6FF;
}
.achievement.x .title {
color: #666666;
}
.achievement.x .icon {
filter: grayscale(1) opacity(.5);
.achievement.x .gauge.info {
color: #B0B0B0;
}
.achievement.b .title {
color: #9D8FFF;
}
.achievement.b .icon {
filter: hue-rotate(35deg);
.achievement.b .gauge.info {
color: #9E91FF;
}
.achievement.a .title {
color: #D79533;
}
.achievement.a .icon {
filter: sepia() saturate(2);
.achievement.a .gauge.info {
color: #E7BD69;
}
.achievement.s .title {
color: #FF0000;
}
.achievement.s .gauge.info {
color: #FF0000;
}
.achievement.s .icon {
filter: sepia() saturate(100);
}
.achievement.secret .title{
color: #FF76CD;
}
.achievement.secret .icon {
filter: hue-rotate(100deg);
.achievement.secret .gauge.info {
color: #FF79D1;
}
.achievement .gh {
border: 1px solid currentColor;