Просмотр исходного кода

WIP: adjust dark theme

* input
Yuki Takei 8 лет назад
Родитель
Сommit
6624053208

+ 4 - 0
resource/styles/agile-admin/inverse/colors/_apply-colors-dark.scss

@@ -19,6 +19,10 @@ input.form-control, textarea.form-control {
   background-color: darken($bodycolor, 5%);
   border: 1px solid darken($border, 30%);
 }
+.form-control[disabled], .form-control[readonly] {
+  color: lighten($bodytext, 10%);
+  background-color: lighten($bodycolor, 5%);
+}
 
 /*
  * Dropdown

+ 4 - 0
resource/styles/agile-admin/inverse/colors/_apply-colors-light.scss

@@ -10,6 +10,10 @@
 .form-control {
   background-color: $bodycolor;
 }
+.form-control[disabled], .form-control[readonly] {
+  color: lighten($bodytext, 10%);
+  background-color: darken($bodycolor, 5%);
+}
 
 /*
  * Tabs

+ 0 - 1
resource/styles/agile-admin/inverse/eliteadmin.scss

@@ -635,7 +635,6 @@ label{
     border: 1px solid $light;
     border-radius: $radius;
     box-shadow: none;
-    color: #565656;
     height: 38px;
     max-width: 100%;
     padding: 7px 12px;

+ 2 - 0
resource/styles/agile-admin/inverse/widgets.scss

@@ -1298,11 +1298,13 @@ table.focus-on {
     box-shadow: none !important;
   }
 }
+*/
 
 .input-group-addon {
   border-radius: 2px;
   border: 1px solid $border;
 }
+/*
 .input-daterange input:first-child, .input-daterange input:last-child{border-radius:$radius;}
 */
 

+ 23 - 0
resource/styles/scss/_override-bootstrap-variables.scss

@@ -30,3 +30,26 @@ $font-family-sans-serif:  Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kak
 $font-family-serif:       Georgia, "Times New Roman", Times, serif;
 $font-family-monospace:   Osaka-Mono, "MS Gothic", Monaco, Menlo, Consolas, "Courier New", monospace;
 $font-family-base:        $font-family-sans-serif;
+
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+$border-radius-base: 0;
+$border-radius-large: 0;
+$border-radius-small: 0;
+
+
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+$input-bg:                       $bodycolor;
+//** `<input disabled>` background color
+$input-bg-disabled:              darken($bodycolor, 10%);
+
+//** `<input>` border color
+$input-border:                   $border;