From b97acb3174d3ab69cddabea9bfe807aff48eb837 Mon Sep 17 00:00:00 2001 From: shortcutme Date: Sat, 20 Oct 2018 02:36:08 +0200 Subject: [PATCH] Dark theme for loading screen --- src/Ui/media/Wrapper.css | 2 ++ src/Ui/media/all.css | 2 ++ src/Ui/template/wrapper.html | 2 +- 3 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/Ui/media/Wrapper.css b/src/Ui/media/Wrapper.css index 9c74be6ee..96e905910 100644 --- a/src/Ui/media/Wrapper.css +++ b/src/Ui/media/Wrapper.css @@ -107,12 +107,14 @@ a { color: black } /* Loading screen */ .loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none } +.theme-dark .loadingscreen { background-color: #180922; } .loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% } .loading-config { margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;; text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; transition: all 1s cubic-bezier(1, 0, 0, 1); transition-delay: 0.3s; } .loading-config:hover { border-bottom-color: #000; transition: none; } +.theme-dark .loading-config { color: white } .loadingscreen.ready .loading-config { top: 0px; } diff --git a/src/Ui/media/all.css b/src/Ui/media/all.css index f24f83a67..afe2d375d 100644 --- a/src/Ui/media/all.css +++ b/src/Ui/media/all.css @@ -121,12 +121,14 @@ a { color: black } /* Loading screen */ .loadingscreen { width: 100%; height: 100%; position: absolute; background-color: #EEE; z-index: 1; overflow: hidden; display: none } +.theme-dark .loadingscreen { background-color: #180922; } .loading-text { text-align: center; vertical-align: middle; top: 50%; position: absolute; margin-top: 39px; width: 100% } .loading-config { margin: 20px; display: inline-block; text-transform: uppercase; font-family: Consolas, monospace; position: relative;; text-decoration: none; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #999; top: -60px; -webkit-transition: all 1s cubic-bezier(1, 0, 0, 1); -moz-transition: all 1s cubic-bezier(1, 0, 0, 1); -o-transition: all 1s cubic-bezier(1, 0, 0, 1); -ms-transition: all 1s cubic-bezier(1, 0, 0, 1); transition: all 1s cubic-bezier(1, 0, 0, 1) ; transition-delay: 0.3s; } .loading-config:hover { border-bottom-color: #000; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none ; } +.theme-dark .loading-config { color: white } .loadingscreen.ready .loading-config { top: 0px; } diff --git a/src/Ui/template/wrapper.html b/src/Ui/template/wrapper.html index 6945cdefb..22d5820d0 100644 --- a/src/Ui/template/wrapper.html +++ b/src/Ui/template/wrapper.html @@ -9,7 +9,7 @@ {meta_tags} - +