diff --git a/src/sass/404.scss b/src/sass/404.scss index 7edf08f..b5d85c4 100644 --- a/src/sass/404.scss +++ b/src/sass/404.scss @@ -1,5 +1,4 @@ @import "common.scss"; -@import "theme/_layout.scss"; html { position: relative; @@ -13,6 +12,8 @@ html, body { body { font: 12px/16px $font-family; + color: $default-text; + @include main-background(); display: flex; align-items: center; } @@ -20,10 +21,10 @@ body { .page-not-found-modal { width: 638px; margin: 0 auto; - background-color: $auth-panel-background; + @include bg-translucent-dark(0.5); border-radius: 5px; font-weight: $font-light; - color: $default-text; + color: #ffffff; padding: 32px; text-align: center; diff --git a/src/sass/auth.scss b/src/sass/auth.scss index 01376f9..e193210 100644 --- a/src/sass/auth.scss +++ b/src/sass/auth.scss @@ -4,12 +4,24 @@ @import 'theme/buttons.scss'; @import 'app/form.scss'; -html, body { +html { + min-height: 520px; height: 100%; } -html { - min-height: 520px; +body { + @include main-background(); + height: 100%; +} + +.form-control, .form-control:focus { + @include placeholderStyle($default, 0.9); + background-color: rgba(0, 0, 0, .4); + border-radius: 5px; + color: $default; +} +.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { + @include placeholderStyle($default, 0.6); } .auth-main { @@ -23,8 +35,8 @@ html { width: 540px; margin: 0 auto; border-radius: 5px; - background-color: $auth-panel-background; - color: $default-text; + @include bg-translucent-dark(0.55); + color: #fff; padding: 32px; h1 { font-weight: $font-light; @@ -46,7 +58,7 @@ html { .control-label { padding-top: 11px; - color: $default-text; + color: $default; } .form-group { @@ -96,7 +108,7 @@ a.forgot-pass { width: 30%; white-space: nowrap; padding: 0 24px; - color: $default-text; + color: $default; & > span { margin-top: -12px; display: block; @@ -131,16 +143,5 @@ a.forgot-pass { } .btn-auth { - background: $primary; - color: $default-text; - border-radius: 5px; - border-color: $primary; - padding: 7px 12px; - transition: all 0.1s ease; - &:hover { - color: $default-text; - background: $primary; - border-color: $primary; - transform: scale(1.2); - } + color: #ffffff!important; } \ No newline at end of file