Przeglądaj źródła

WIP: adjust default-dark theme

Yuki Takei 8 lat temu
rodzic
commit
7fd8967f77

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

@@ -7,3 +7,42 @@
 .bg-title{
   background: darken($bodycolor, 5%);
 }
+
+/*
+  * Code
+  */
+code {
+  background-color: darken($bodycolor, 5%);
+}
+
+/*
+  * Form
+  */
+input.form-control, textarea.form-control {
+  color: lighten($bodytext, 30%);
+  background-color: darken($bodycolor, 5%);
+  border: 1px solid darken($bodycolor, 5%);
+}
+
+/*
+ * Tabs
+ */
+.nav.nav-tabs {
+  $border-color: #999;
+  border-color: $border-color;
+
+  > li > a {
+    color:$light;
+    &:hover, &:focus {
+      color: $light;
+    }
+  }
+  > li:not(.active) > a {
+    &:hover, &:focus {
+      border-top-color: darken($border-color, 25%);
+      border-left-color: darken($border-color, 25%);
+      border-right-color: darken($border-color, 25%);
+      border-bottom: transparent;
+    }
+  }
+}

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

@@ -7,3 +7,17 @@
 .bg-title{
   background: #fafafa;
 }
+
+/*
+* Form
+*/
+.form-control {
+  background-color: $bodycolor;
+}
+
+/*
+* Tabs
+*/
+.nav-tabs > li > a {
+  color: $dark;
+}

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

@@ -147,3 +147,39 @@ body{
   background:$themecolor;
   color:$white;
 }
+
+/*
+ * Legend
+ */
+legend {
+  color: $headingtext;
+}
+
+/*
+ * Modal
+ */
+.modal-content {
+  background-color: $bodycolor;
+}
+
+/*
+ * Wells
+ */
+.well {
+  background-color: darken($bodycolor, 5%);
+}
+
+/*
+ * Tabs
+ */
+.nav.nav-tabs {
+  > li > a {
+    &, &:hover, &:focus {
+      background: transparent;
+    }
+  }
+  > li.active > a {
+    background: transparent;
+    border-bottom: 1px solid $bodycolor;
+  }
+}

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

@@ -632,7 +632,6 @@ label{
 
 }
 .form-control{
-  background-color: #ffffff;
     border: 1px solid $light;
     border-radius: $radius;
     box-shadow: none;
@@ -691,7 +690,6 @@ label{
   }
 }
 .well, pre{
-  background:$white;
   border-radius:$radius;
 }
 

+ 1 - 1
resource/styles/scss/theme/_override-agileadmin.scss

@@ -84,7 +84,7 @@ button.btn.btn-link:hover {
  * Wells
  */
 .well {
-  background-color: #f5f5f5;
+  border: none;
   padding: .7em;
   &.well-sm {
     padding: .5em;