@@ -5,33 +5,50 @@ $fg-color: $BLACK_500;
55
66$text_color : $fg_color ;
77
8- .roundy-label ,
9- .roundy-label :hover ,
10- .roundy-label :selected,
11- .roundy-label :selected:focus ,
12- .roundy-label :hover :selected {
13- background-image : none ;
14- box-shadow : none ;
15- color : rgba ($text_color , 0.7 );
16- font-weight : 700 ;
17- border-radius : 10px ;
18- padding : 0 6px ;
8+ roundy-label ,
9+ roundy-label :hover ,
10+ roundy-label:selected,
11+ roundy-label:selected:focus ,
12+ roundy-label :hover :selected {
1913 margin : 0 3px ;
20- border-width : 0 ;
2114
22- @if $color-scheme == " light" {
23- background-color : $SILVER_300 ;
24- } @else if $color-scheme == " dark" {
25- background-color : $SILVER_900 ;
15+ .small-label {
16+ padding : 0 ;
2617 }
27- }
2818
29- .green {
30- background-color : rgba ($LIME_300 , 0.6 );
31- }
19+ .value {
20+ color : #{' alpha(@text_color, 0.7)' } ;
21+ font-feature-settings : " tnum" ;
22+ font-weight : 700 ;
23+ border-radius : 10px ;
24+ padding : 0 6px ;
25+
26+ @if $color-scheme == " light" {
27+ background-color : $SILVER_300 ;
28+ } @else if $color-scheme == " dark" {
29+ background-color : $SILVER_900 ;
30+ }
31+ }
32+
33+ & .green .value {
34+ background-color : rgba ($LIME_300 , 0.6 );
35+ }
36+
37+ & .blue .value {
38+ background-color : rgba ($BLUEBERRY_300 , 0.6 );
39+ }
3240
33- .blue {
34- background-color : rgba ($BLUEBERRY_300 , 0.6 );
41+ & .username {
42+ & -other .value {
43+ background-color : $BANANA_300 ;
44+ color : #381F00 ;
45+ }
46+
47+ & -root .value {
48+ background-color : $STRAWBERRY_300 ;
49+ color : $SILVER_100 ;
50+ }
51+ }
3552}
3653
3754.grape_500 {
@@ -53,28 +70,6 @@ $text_color: $fg_color;
5370 }
5471}
5572
56- .username {
57- & -current {
58- @if $color-scheme == " light" {
59- background-color : $SILVER_300 ;
60- color : $SILVER_900 ;
61- } @else if $color-scheme == " dark" {
62- background-color : $SILVER_900 ;
63- color : rgba ($text_color , 0.7 );
64- }
65- }
66-
67- & -other {
68- background-color : $BANANA_300 ;
69- color : #381F00 ;
70- }
71-
72- & -root {
73- background-color : $STRAWBERRY_300 ;
74- color : $SILVER_100 ;
75- }
76- }
77-
7873.state_badge ,
7974.state_badge :hover ,
8075.state_badge :selected,
@@ -176,16 +171,6 @@ $text_color: $fg_color;
176171 color : rgba ($text_color , 0.5 );
177172}
178173
179- .small-text {
180- font-weight :bold ;
181- font-size :9px ;
182- @if $color-scheme == " light" {
183- color :grey ;
184- } @else if $color-scheme == " dark" {
185- color : $SILVER_500 ;
186- }
187- }
188-
189174.graph {
190175 border-radius : 6px ;
191176
0 commit comments