fix(auth): hard-code styles for auth and 404 pages

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;
 

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 {
+body {
-  min-height: 520px;
+  @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;
+  @include bg-translucent-dark(0.55);
-  color: $default-text;
+  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: #ffffff!important;
-  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);
-  }
 }