embarklabs
/
embark
mirror of https://github.com/embarklabs/embark.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
This commit is contained in:
Pascal Precht 2018-10-17 15:46:37 +02:00
parent 66a371466d
commit a53976ad3d
No known key found for this signature in database
GPG Key ID: 0EE28D8D6FD85D7D
2 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
embark-ui/src/dark-theme/_login.scss Normal file
View File

@ -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;
}
}
}

1
embark-ui/src/dark-theme/coreui.scss
View File

@ -44,6 +44,7 @@
@import "switches"; @import "switches";
@import "tables"; @import "tables";
@import "widgets"; @import "widgets";
@import "login";
// Layout Options // Layout Options
@import "layout"; @import "layout";