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

[Update] Config Page: Change the background color modal and quick settings.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-12-17 20:16:44 +09:00
parent 988a42f15d
commit 3c9c4366ea
3 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src-ui/app/_index_css/variables.css
View File

@@ -49,6 +49,7 @@
--dark_1000_color: #151517; --dark_1000_color: #151517;
--dark_825_color_cc: #434447cc; --dark_825_color_cc: #434447cc;
--dark_550_color_22: #94959922;
--title_bar_height: 2rem; --title_bar_height: 2rem;

6
src-ui/app/config_page/setting_section/setting_box/vr/Vr.module.scss
View File

@@ -170,7 +170,7 @@
.slider_reset_button { .slider_reset_button {
background-color: var(--dark_850_color); background-color: var(--dark_875_color);
padding: 0.6rem; padding: 0.6rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
@@ -178,13 +178,13 @@
border-radius: 0.4rem; border-radius: 0.4rem;
flex-shrink: 0; flex-shrink: 0;
&:hover { &:hover {
background-color: var(--dark_800_color); background-color: var(--dark_825_color);
& .slider_reset_svg { & .slider_reset_svg {
color: var(--dark_200_color); color: var(--dark_200_color);
} }
} }
&:active { &:active {
background-color: var(--dark_900_color); background-color: var(--dark_925_color);
} }
} }

4
src-ui/app/modal_controller/ModalController.module.scss
View File

@@ -11,7 +11,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: (#ffffff22); background-color: var(--dark_550_color_22);
backdrop-filter: blur(0.2rem); backdrop-filter: blur(0.2rem);
} }
@@ -21,7 +21,7 @@
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
overflow-y: auto; overflow-y: auto;
background-color: var(--dark_875_color); background-color: var(--dark_900_color);
width: 60%; width: 60%;
height: 96%; height: 96%;
padding: 2rem; padding: 2rem;