MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-19 14:53:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

VR overlay notifications dark mode toggle (#95)

Browse Source
This commit is contained in:
Natsumi-sama
2020-11-01 16:35:55 +13:00
committed by GitHub
parent f7b6324d73
commit 1953098790
2 changed files with 83 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
html/src/vr.scss
View File

@@ -31,22 +31,25 @@
max-width: none;
}
.noty_theme__relax.noty_bar {
.noty_theme__relax.noty_bar,
.noty_theme__sunset.noty_bar {
position: relative;
margin: 4px 0;
overflow: hidden;
border-radius: 2px;
}
.noty_theme__relax.noty_bar .noty_body {
.noty_theme__relax.noty_bar .noty_body,
.noty_theme__sunset.noty_bar .noty_body {
padding: 5px 10px 10px;
font-size: 24px;
font-size: 15px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.noty_theme__relax.noty_bar .noty_buttons {
.noty_theme__relax.noty_bar .noty_buttons,
.noty_theme__sunset.noty_bar .noty_buttons {
padding: 5px 10px;
border-top: 1px solid #e7e7e7;
}
.noty_theme__relax.noty_type__alert,
@@ -98,6 +101,47 @@
border-color: #50c24e;
}
.noty_theme__sunset.noty_type__alert,
.noty_theme__sunset.noty_type__notification {
background-color: #073B4C;
color: #fff;
}
.noty_theme__sunset.noty_type__alert .noty_progressbar,
.noty_theme__sunset.noty_type__notification .noty_progressbar {
background-color: #fff;
}
.noty_theme__sunset.noty_type__warning {
background-color: #FFD166;
color: #fff;
}
.noty_theme__sunset.noty_type__error {
background-color: #EF476F;
color: #fff;
}
.noty_theme__sunset.noty_type__info,
.noty_theme__sunset.noty_type__information {
background-color: #118AB2;
color: #fff;
}
.noty_theme__sunset.noty_type__success {
background-color: #06D6A0;
color: #fff;
}
.noty_theme__sunset.noty_type__error .noty_progressbar {
opacity: .4;
}
.noty_theme__sunset.noty_type__info .noty_progressbar,
.noty_theme__sunset.noty_type__information .noty_progressbar {
opacity: .6;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;