[Refactor] Tidy up the color variables.

This commit is contained in:
Sakamoto Shiina
2025-01-02 19:22:09 +09:00
parent d798562de7
commit 5d0e9e0559
28 changed files with 30 additions and 110 deletions

View File

@@ -57,7 +57,6 @@
.selected_language {
font-size: 1.2rem;
color: var(--dark_basic_text_color);
}
.arrow_left_svg {
@@ -66,7 +65,6 @@
margin: 0 0.2rem;
transform: rotate(180deg);
width: 1.6rem;
color: var(--dark_basic_text_color);
&.reverse {
transform: rotate(0deg);
}

View File

@@ -31,6 +31,6 @@
font-size: 1.2rem;
color: var(--dark_500_color);
&.is_hovered {
color: var(--dark_basic_text_color);
color: var(--dark_200_color);
}
}

View File

@@ -21,7 +21,7 @@
}
&.is_selected {
background-color: var(--dark_800_color);
color: var(--dark_basic_text_color);
color: var(--dark_200_color);
cursor: default;
pointer-events: none;
}

View File

@@ -24,7 +24,6 @@
.label {
font-size: 1.2rem;
color: var(--dark_basic_text_color);
white-space: nowrap;
}
@@ -32,5 +31,5 @@
margin-left: 0.2rem;
padding-bottom: 0.2rem;
width: 1.8rem;
color: #cb944f;
color: var(--waring_color);
}

View File

@@ -3,8 +3,7 @@
bottom: 100%;
width: 100%;
height: 26rem;
background-color: (#000000dd);
// background-color: (var(--dark_875_color) + 80);
background-color: var(--dark_1000_color_dd);
backdrop-filter: blur(0.1rem);
display: flex;
justify-content: center;
@@ -75,7 +74,7 @@ $box_size: 6.8rem;
bottom: 0;
width: 100%;
height: 100%;
background-color: (#22222233);
background-color: var(--dark_1000_color_66);
display: flex;
justify-content: center;
align-items: start;
@@ -87,5 +86,4 @@ $box_size: 6.8rem;
font-size: 1.4rem;
text-align: center;
text-wrap: balance;
color: var(--dark_basic_text_color);
}

View File

@@ -35,11 +35,9 @@
gap: 0.8rem;
}
$basic_label_color: var(--dark_basic_text_color);
$pending_label_color: var(--dark_500_color);
.switch_label {
font-size: 1.4rem;
color: $basic_label_color;
&.is_compact_mode {
display: none;
}
@@ -50,7 +48,6 @@ $pending_label_color: var(--dark_500_color);
.switch_svg {
width: 1.8rem;
color: $basic_label_color;
&.is_pending {
color: $pending_label_color;
}