Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2026-03-02 03:39:21 +00:00
Code Issues Projects Releases Wiki Activity

Minor fixes for dark mode

Browse Source
This commit is contained in:
tobspr
2020-06-21 20:27:39 +02:00
parent d198fcad4f
commit 1f136ba892
7 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/common.scss
View File

@@ -40,7 +40,7 @@ html {
background: #dee1ea;
@include DarkThemeOverride {
background: #5c606c;
background: $darkModeGameBackground;
}
}

6
src/css/ingame_hud/dialogs.scss
View File

@@ -21,15 +21,17 @@
}
}
$darkModeDialogBg: darken($darkModeGameBackground, 10);
@include DarkThemeOverride {
background: rgba(#33363d, 0.9);
background: rgba($darkModeDialogBg, 0.9);
@include InlineAnimation(0.12s ease-in-out) {
0% {
background-color: transparent;
opacity: 0.5;
}
100% {
background-color: rgba(#33363d, 0.9);
background-color: rgba($darkModeDialogBg, 0.9);
}
}

2
src/css/main.scss
View File

@@ -112,6 +112,6 @@ body.modalDialogActive,
body.externalAdOpen,
body.ingameDialogOpen {
> *:not(.ingameDialog):not(.modalDialogParent):not(.loadingDialog):not(.gameLoadingOverlay):not(#ingame_HUD_ModalDialogs):not(.noBlur) {
filter: blur(5px) !important;
// filter: blur(5px) !important;
}
}

6
src/css/states/settings.scss
View File

@@ -92,11 +92,11 @@
@include DarkThemeOverride {
.content {
.setting {
background: #424345;
background: darken($darkModeGameBackground, 10);
.value.enum {
// dirty but works
filter: invert(0.8);
filter: invert(0.85);
color: #222;
}
@@ -104,7 +104,7 @@
background-color: #74767b;
&.checked {
background-color: #605b7d;
background-color: $colorBlueBright;
}
}
}

4
src/css/textual_game_state.scss
View File

@@ -65,7 +65,7 @@
@include DarkThemeOverride {
.headerBar {
h1 {
color: #cfceca;
color: #e2e0db;
}
.backButton {
@@ -74,7 +74,7 @@
}
> .container > .content {
background: #4b4c50;
background: darken($darkModeGameBackground, 3);
color: #eee;
}
}

2
src/css/variables.scss
View File

@@ -38,6 +38,8 @@ $ingameHudBg: rgba(#333438, 0.9);
$text3dColor: #f4ffff;
$darkModeGameBackground: #5c606c;
// Dialog properties
$modalDialogBg: rgba(160, 165, 180, 0.8);
$dialogBgColor: lighten($mainBgColor, 10);