every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Refactor] Tidy up the color variables.

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

36
src-ui/app/main_page/MainPage.module.scss
View File

@@ -25,40 +25,4 @@
justify-content: space-between;
background-color: var(--dark_888_color);
position: relative;
}
.main_page_cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: (#000000cc);
display: flex;
flex-direction: column;
gap: 2rem;
justify-content: center;
align-items: center;
backdrop-filter: blur(0.8rem);
color: var(--dark_basic_text_color);
}
.cover_message {
font-size: 2rem;
font-weight: 300;
}
.close_settings_window_button {
font-size: 1.6rem;
font-weight: 300;
padding: 1rem 1.4rem;
border-radius: 0.4rem;
background-color: var(--dark_888_color);
cursor: pointer;
&:hover {
background-color: var(--dark_825_color);
}
&:active {
background-color: var(--dark_925_color);
}
}

1
src-ui/app/main_page/main_section/language_selector/LanguageSelector.module.scss
View File

@@ -46,5 +46,4 @@
.language_label {
font-size: 1.4rem;
color: var(--dark_basic_text_color);
}

1
src-ui/app/main_page/main_section/message_container/log_box/message_container/MessageContainer.module.scss
View File

@@ -81,7 +81,6 @@
}
.message_main {
color: var(--dark_basic_text_color);
user-select: text;
font-size: 1.4em;
}

2
src-ui/app/main_page/main_section/message_container/log_box/message_container/message_sub_menu_container/MessageSubMenuContainer.module.scss
View File

@@ -30,7 +30,7 @@
.tooltip_title {
font-size: 1.2rem;
color: var(--dark_basic_text_color);
color: var(--dark_200_color);
}
.hold_progress_bar {

2
src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
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);
}

2
src-ui/app/main_page/sidebar_section/language_settings/language_swap_button/LanguageSwapButton.module.scss
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);
}
}

2
src-ui/app/main_page/sidebar_section/language_settings/preset_tab_selector/PresetTabSelector.module.scss
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;
}

3
src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.module.scss
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);
}

6
src-ui/app/main_page/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.module.scss
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);
}

3
src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.module.scss
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;
}