From a53976ad3d7b78caf21dfd8debbd483856f399ed Mon Sep 17 00:00:00 2001 From: Pascal Precht Date: Wed, 17 Oct 2018 15:46:37 +0200 Subject: [PATCH] uiux(login): introduce dark-theme for login screen This introduces a new dark-theme file for the login screen and ensures that it keeps the contrast ratio in tact when switching themes. Notice that it simply overrides the component styles which are expected to be light-theme by default. That's because we don't maintain equivalent SCSS files for the light-theme at the moment. Fixes #114 --- embark-ui/src/dark-theme/_login.scss | 12 ++++++++++++ embark-ui/src/dark-theme/coreui.scss | 1 + 2 files changed, 13 insertions(+) create mode 100644 embark-ui/src/dark-theme/_login.scss diff --git a/embark-ui/src/dark-theme/_login.scss b/embark-ui/src/dark-theme/_login.scss new file mode 100644 index 000000000..e8c5c2f4b --- /dev/null +++ b/embark-ui/src/dark-theme/_login.scss @@ -0,0 +1,12 @@ +.login-container { + color: $gray-900; + box-shadow: 0px 5px 20px $gray-800; + + .login-layout-container-section { + background: $gray-900; + + &:first-child { + background: $white; + } + } +} diff --git a/embark-ui/src/dark-theme/coreui.scss b/embark-ui/src/dark-theme/coreui.scss index c42ff548c..4b393d326 100644 --- a/embark-ui/src/dark-theme/coreui.scss +++ b/embark-ui/src/dark-theme/coreui.scss @@ -44,6 +44,7 @@ @import "switches"; @import "tables"; @import "widgets"; + @import "login"; // Layout Options @import "layout";