diff --git a/front/core/components/tooltip/style.scss b/front/core/components/tooltip/style.scss index d73c3fb12..926142582 100644 --- a/front/core/components/tooltip/style.scss +++ b/front/core/components/tooltip/style.scss @@ -4,7 +4,7 @@ display: none; position: fixed; z-index: 150; - background-color: $color-active; + background-color: $color-bg-dark; color: $color-active-font; border-radius: .2em; diff --git a/front/salix/components/login/style.scss b/front/salix/components/login/style.scss index 01fd68294..bf3ad786f 100644 --- a/front/salix/components/login/style.scss +++ b/front/salix/components/login/style.scss @@ -9,7 +9,7 @@ vn-login { color: $color-font; font-size: 1.1em; font-weight: normal; - background-color: #3c393b; + background-color: $color-bg-dark; display: flex; justify-content: center; align-items: center; @@ -21,7 +21,7 @@ vn-login { max-width: 19em; min-width: 15em; padding: 3em; - background-color: white; + background-color: $color-bg-panel; box-shadow: 0 0 1em 0 rgba(0, 0, 0, .6); border-radius: .5em; @@ -63,12 +63,11 @@ vn-login { } @media screen and (max-width: 600px) { - background-color: white; + background-color: $color-bg-panel; & > .box { padding: 1em; box-shadow: none; - background-color: white; } } } diff --git a/front/salix/styles/variables.scss b/front/salix/styles/variables.scss index 40a66fe8f..29d83a5d0 100644 --- a/front/salix/styles/variables.scss +++ b/front/salix/styles/variables.scss @@ -27,6 +27,7 @@ $border-thick: .15em; $color-header: #3d3d3d; $color-bg: #e5e5e5; +$color-bg-dark: #3d3d3d; $color-font:#222222; $color-font-secondary: #9b9b9b; $color-active: #3d3d3d; @@ -58,9 +59,10 @@ $color-alert-light: lighten($color-alert, 35%); /* $color-header: #3d3d3d; $color-bg: #222; -$color-font:white; +$color-bg-dark: #222; +$color-font: white; $color-font-secondary: #777; -$color-active: #888; +$color-active: #666; $color-active-font: white; $color-bg-panel: #3c3b3b; $color-main: #f7931e; @@ -84,4 +86,4 @@ $color-notice-medium: darken($color-notice, 20%); $color-notice-light: darken($color-notice, 35%); $color-alert-medium: darken($color-alert, 20%); $color-alert-light: darken($color-alert, 35%); -*/ \ No newline at end of file +/**/ \ No newline at end of file