shen/online-judge
1
0
Fork 0
mirror of https://github.com/DMOJ/online-judge.git synced 2024-11-25 16:32:37 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Add custom rating colours for dark mode; #2035

Browse Source
This commit is contained in:
Evan 2023-02-04 13:49:00 -05:00 committed by Tudor Brindus
parent 2c6049978b
commit 2bd44f2e46
3 changed files with 33 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
resources/ranks.scss
View File

@ -37,33 +37,33 @@ svg.rate-box {
}
&.rate-newbie {
@include rate-svg-color(#999);
@include rate-svg-color($color_rating_newbie);
}
&.rate-amateur {
@include rate-svg-color(#00a900);
@include rate-svg-color($color_rating_amateur);
}
&.rate-expert {
@include rate-svg-color(#66f);
@include rate-svg-color($color_rating_expert);
}
&.rate-candidate-master {
@include rate-svg-color(#f6f);
@include rate-svg-color($color_rating_candidate_master);
}
&.rate-master {
@include rate-svg-color(#dc0);
@include rate-svg-color($color_rating_master);
}
&.rate-grandmaster, &.rate-target {
@include rate-svg-color(#e00);
@include rate-svg-color($color_rating_grandmaster);
}
&.rate-target {
circle:last-child {
stroke: none;
fill: #e00;
fill: $color_rating_grandmaster;
}
}
}
@ -77,36 +77,36 @@ svg.rate-box {
}
.rate-none, .rate-none a {
color: #999;
color: $color_rating_none;
font-weight: normal;
}
.rate-newbie, .rate-newbie a {
color: #999;
color: $color_rating_newbie;
}
.rate-amateur, .rate-amateur a {
color: #00a900;
color: $color_rating_amateur;
}
.rate-expert, .rate-expert a {
color: blue;
color: $color_rating_expert;
}
.rate-candidate-master, .rate-candidate-master a {
color: purple;
color: $color_rating_candidate_master;
}
.rate-master, .rate-master a {
color: #ffb100;
color: $color_rating_master;
}
.rate-grandmaster, .rate-grandmaster a, .rate-target, .rate-target a {
color: #e00;
color: $color_rating_grandmaster;
}
.rate-target a::first-letter {
color: #700;
color: $color_rating_target;
}
.rate-group {

9
resources/vars-dark.scss
View File

@ -18,6 +18,15 @@ $color_link200: #d83; // active
$color_pageBg: #222; // #222 because some elements should be darker than pageBg
$color_rating_none: #aaa;
$color_rating_newbie: #aaa;
$color_rating_amateur: #00a900;
$color_rating_expert: cornflowerblue;
$color_rating_candidate_master: mediumpurple;
$color_rating_master: #ffb100;
$color_rating_grandmaster: #e00;
$color_rating_target: #f55;
$path_to_root: '..'; // relative path from style.css to STATIC_ROOT
@mixin vars-img {

9
resources/vars-default.scss
View File

@ -18,6 +18,15 @@ $color_link200: #faa700; // active
$color_pageBg: #fff;
$color_rating_none: #999;
$color_rating_newbie: #999;
$color_rating_amateur: #00a900;
$color_rating_expert: blue;
$color_rating_candidate_master: purple;
$color_rating_master: #ffb100;
$color_rating_grandmaster: #e00;
$color_rating_target: #700;
$path_to_root: '.'; // relative path from style.css to STATIC_ROOT
@mixin vars-img {}