瀏覽代碼

ux(): dark shade / contrast mini tweak

Torkel Ödegaard 9 年之前
父節點
當前提交
1dbaabffbc
共有 3 個文件被更改,包括 12 次插入13 次删除
  1. 8 8
      public/sass/_variables.dark.scss
  2. 3 3
      public/sass/_variables.light.scss
  3. 1 2
      public/sass/components/_gf-form.scss

+ 8 - 8
public/sass/_variables.dark.scss

@@ -8,10 +8,10 @@ $black:                 #000;
 
 // -------------------------
 $black:            #000;
-$dark-1:           #141414; 
+$dark-1:           #141414;
 $dark-2:           #1f1d1d;
-$dark-3:           #262626;
-$dark-4:           #333333;
+$dark-3:           #292929;
+$dark-4:           #373737;
 $dark-5:           #444444;
 $gray-1:           #555555;
 $gray-2:           #7B7B7B;
@@ -139,16 +139,16 @@ $iconContainerBackground:	  $black;
 
 // Forms
 // -------------------------
-$input-bg:                       lighten($dark-3,5%);
-$input-bg-disabled:              #555;
+$input-bg:                       $dark-4;
+$input-bg-disabled:              $dark-3;
 
 $input-color:                    $gray-4;
-$input-border-color:             lighten($dark-2,5%);
+$input-border-color:             $dark-4;
 $input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
 $input-border-focus:             $input-border-color !default;
 $input-box-shadow-focus:         rgba(102,175,233,.6) !default;
-$input-color-placeholder:        #999 !default;
-$input-label-bg:				 $dark-3;
+$input-color-placeholder:        $gray-1 !default;
+$input-label-bg:				         $dark-3;
 
 // Search
 $searchShadow: 0 0 35px 0 $body-bg;

+ 3 - 3
public/sass/_variables.light.scss

@@ -13,10 +13,10 @@ $black:                 #000;
 
 // -------------------------
 $black:            #000;
-$dark-1:           #141414; 
+$dark-1:           #141414;
 $dark-2:           #1f1d1d;
-$dark-3:           #262626;
-$dark-4:           #333333;
+$dark-3:           #292929;
+$dark-4:           #373737;
 $dark-5:           #444444;
 $gray-1:           #555555;
 $gray-2:           #7B7B7B;

+ 1 - 2
public/sass/components/_gf-form.scss

@@ -1,4 +1,4 @@
-$gf-form-margin: 0.2rem;
+$gf-form-margin: 0.3rem;
 
 .gf-form {
   margin-bottom: $gf-form-margin;
@@ -84,7 +84,6 @@ $gf-form-margin: 0.2rem;
   // Placeholder
   &::placeholder {
     color: $input-color-placeholder;
-    // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
     opacity: 1;
   }