MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-06 22:46:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: add darkblue theme, refactor dark theme

Browse Source
This commit is contained in:
pa
2025-08-03 21:59:40 +09:00
committed by Natsumi
parent 4e64177722
commit 2fea5f25b9
14 changed files with 890 additions and 502 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/scss/themes/theme.pink.scss
+11 -8
View File
@@ -2,7 +2,7 @@
* VRCX Pink theme by Kamiya
* https://github.com/kamiya10/VRCX-theme
*/
@use 'theme.dark';
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
:root {
--theme: #dfa2a2;
@@ -13,7 +13,8 @@
--lighter-lighter-lighter-bg: #756060;
--lighter-lighter-lighter-lighter-bg: #857070;
--lighter-border: #aa6065;
--font: 'Poppins', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
--font:
'Poppins', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
'Noto Sans SC', sans-serif;
}
body,
@@ -375,7 +376,7 @@ input[type='checkbox']:checked + .el-switch__core {
}
.el-backtop {
background: var(--lighter-bg);
color: var(--theme)
color: var(--theme);
}
// Date picker
@@ -393,15 +394,17 @@ input[type='checkbox']:checked + .el-switch__core {
color: #fff;
}
.el-date-table td.available:hover {
color: #fff
color: #fff;
}
.el-year-table td .cell:hover, .el-year-table td.current:not(.disabled) .cell {
.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
color: var(--theme);
}
.el-month-table td.current:not(.disabled) .cell {
color: var(--theme);
}
.el-date-picker__header-label.active, .el-date-picker__header-label:hover {
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
color: var(--theme);
}
.el-picker-panel__icon-btn:hover {
@@ -411,11 +414,11 @@ input[type='checkbox']:checked + .el-switch__core {
color: var(--theme);
}
.el-date-table td.disabled div {
background-color: #3a2b2b
background-color: #3a2b2b;
}
.el-skeleton.is-animated .el-skeleton__item {
background: linear-gradient(90deg, #4a3d3d 25%, #665252 37%, #4a3d3d 63%);
background-size: 400% 100%;
animation: el-skeleton-loading 1.4s ease infinite;
}
}