feat(theme): change pages layout to use light theme, small fixes

src/sass/404.scss

@@ -13,7 +13,6 @@ html, body {
 body {
   font: 12px/16px $font-family;
   color: $default-text;
-  @include main-background();
   display: flex;
   align-items: center;
 }
@@ -21,7 +20,6 @@ body {
 .page-not-found-modal {
   width: 638px;
   margin: 0 auto;
-  @include bg-translucent-dark(0.5);
   border-radius: 5px;
   font-weight: $font-light;
   color: $default-text;

src/sass/app/_email.scss

@@ -818,7 +818,7 @@ body.badmin-transparent {
   .compose-button {
     text-align: center;
     .btn {
-      border: $default 2px solid;
+      border: $border 2px solid;
       background-color: transparent;
     }
   }
@@ -838,7 +838,7 @@ body.badmin-transparent {
       border: none;
       width: auto;
       &:focus, &:hover {
-        color:$default;
+        color:$default-text;
         opacity: 0.8;
         box-shadow: none;
       }
@@ -852,8 +852,8 @@ body.badmin-transparent {
     font-weight: $font-light;
     transition: background-color .5s;
     &:hover {
-      color: $default;
-      background-color: rgba(255, 255, 255, 0.12);
+      color: $default-text;
+      background-color: rgba(black, 0.05);
     }
     .subject {
       font-weight: $font-light;

src/sass/app/_profile.scss

@@ -133,9 +133,9 @@ a.sn-link {
   transition: none;
   display: block;
   border-radius: 5px;
-  background-color: rgba(0, 0, 0, .15);
+  background-color: transparent;
   padding: $snPadding;
-  color: $default;
+  color: $default-text;
   border: 1px solid transparent;
   margin-bottom: 23px;
   width: 100%;
@@ -149,7 +149,7 @@ a.sn-link {
     font-size: 17px;
     margin-right: 8px;
     background-color: rgba(0,0,0,.15);
-    color: $default-text;
+    color: $default;
   }
   span {
 
@@ -165,7 +165,7 @@ a.sn-link {
     border-width: 2px;
     padding: $snPadding - 1;
     span {
-      color: $default;
+      color: $primary;
     }
     i {
       background: $snColor;

src/sass/auth.scss

@@ -13,13 +13,13 @@ html {
 }
 
 .form-control, .form-control:focus {
-  @include placeholderStyle($default, 0.9);
-  background-color: rgba(0, 0, 0, .4);
+  @include placeholderStyle($default-text, 0.7);
   border-radius: 5px;
-  color: $default;
+  border: 1px solid $border;
+  color: $default-text;
 }
 .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
-  @include placeholderStyle($default, 0.6);
+  @include placeholderStyle($default, 0.7);
 }
 
 .auth-main {
@@ -33,7 +33,7 @@ html {
   width: 540px;
   margin: 0 auto;
   border-radius: 5px;
-  @include bg-translucent-dark(0.55);
+  background-color: white;
   color: $default-text;
   padding: 32px;
   h1 {
@@ -56,7 +56,7 @@ html {
 
   .control-label {
     padding-top: 11px;
-    color: $default;
+    color: $default-text;
   }
 
   .form-group {
@@ -106,7 +106,7 @@ a.forgot-pass {
     width: 30%;
     white-space: nowrap;
     padding: 0 24px;
-    color: $default;
+    color: $default-text;
     & > span {
       margin-top: -12px;
       display: block;