style update

xaksis · May 24, 2018 · 730d0b2 · 730d0b2
1 parent 27c2f3b
commit 730d0b2
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/README/images/vgt-table.black-rhino.png b/README/images/vgt-table.black-rhino.png
diff --git a/dev/App.vue b/dev/App.vue
@@ -7,6 +7,7 @@
       :columns="columns"
       :rows="rows"
       theme="black-rhino"
+      @on-row-click="onColumnFilter"
       :pagination-options="{ enabled: true, perPage: 5}"
       :search-options="{
         enabled: false,

diff --git a/src/styles/black-rhino/_overrides.scss b/src/styles/black-rhino/_overrides.scss
@@ -1,5 +1,5 @@
-$thead-bg-color-1: lighten(#2C394F, 18%);
-$thead-bg-color-2: lighten(#2C394F, 16%);
+$thead-bg-color-1: #4c5c79;
+$thead-bg-color-2: #4e5d7c;
 
 $text-color: #dae2f0;
 $text-color-td: rgb(73, 81, 94);
@@ -8,7 +8,9 @@ $text-shadow-color: lighten(#2C394F, 10%);
 $secondary-text-color: rgb(152, 165, 185) ;
 $border-color: #435169;
 $border-color-td: #bbc5d6;
-$input-border-color: $border-color;
+
+$input-border-color: transparent;
+$input-bg: #34445f;
 
 $table-bg: #dfe5ee;
-$highlight-color: #445168;
+$highlight-color:#fff;
diff --git a/src/styles/black-rhino/black-rhino.scss b/src/styles/black-rhino/black-rhino.scss
@@ -24,7 +24,7 @@
   }
   thead th{
     color: $text-color;
-    text-shadow: 1px 2px $text-shadow-color;
+    text-shadow: 1px 1px $text-shadow-color;
     border-bottom:  1px solid $border-color;
     background: linear-gradient($thead-bg-color-1, $thead-bg-color-2);
     &.sorting-asc, &.sorting-desc {
@@ -44,11 +44,11 @@
   //input
   .vgt-input, .vgt-select{
     color: $text-color;
-    background-color: lighten($thead-bg-color-2, 25%);
+    background-color: $input-bg;
     border: 1px solid $input-border-color;
     &::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
       color: $text-color;
-      opacity: 0.7; /* Firefox */
+      opacity: 0.3; /* Firefox */
     }
   }
 }