feat(styling): add a new color-disabled-dark

ghiscoding · Jun 1, 2021 · 55c3062 · 55c3062
1 parent 63195b7
commit 55c3062
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/examples/webpack-demo-vanilla-bundle/src/examples/icons.html b/examples/webpack-demo-vanilla-bundle/src/examples/icons.html
@@ -321,6 +321,10 @@ <h4 class="title is-4 section-title">
     <span class="mdi mdi-help-circle mdi-22px color-disabled"></span>
     <span class="color-disabled">color-disabled</span>
   </div>
+  <div class="slick-col-medium-2">
+    <span class="mdi mdi-help-circle mdi-22px color-disabled-dark"></span>
+    <span class="color-disabled-dark">color-disabled-dark</span>
+  </div>
   <div class="slick-col-medium-2" style="background-color: #3F3E3E;">
     <span class="mdi mdi-help-circle mdi-22px color-light"></span>
     <span class="color-light">color-light</span>

diff --git a/packages/common/src/styles/colors-from-filters.scss b/packages/common/src/styles/colors-from-filters.scss
@@ -18,6 +18,7 @@ $color-body: #212529 !default;
 $color-muted: #6c757d !default;
 $color-white: #ffffff !default;
 $color-disabled: #DDDBDA !default;
+$color-disabled-dark: #cccccc !default;
 $color-alt-default: #1e87f0 !default;
 $color-alt-warning: #faa05a !default;
 $color-alt-danger: #f0506e !default;
@@ -45,6 +46,7 @@ $color-sf-primary-dark: #004487 !default;
 .color-muted { filter: brightness(0) saturate(100%) invert(50%) sepia(2%) saturate(2378%) hue-rotate(168deg) brightness(89%) contrast(84%); }
 .color-white { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(54deg) brightness(109%) contrast(101%); }
 .color-disabled { filter: brightness(0) saturate(100%) invert(81%) sepia(2%) saturate(180%) hue-rotate(335deg) brightness(108%) contrast(96%); }
+.color-disabled-dark { filter: brightness(0) saturate(100%) invert(91%) sepia(0%) saturate(0%) hue-rotate(185deg) brightness(95%) contrast(84%); }
 .color-alt-default { filter: brightness(0) saturate(100%) invert(46%) sepia(70%) saturate(3992%) hue-rotate(193deg) brightness(99%) contrast(90%); }
 .color-alt-warning { filter: brightness(0) saturate(100%) invert(59%) sepia(94%) saturate(289%) hue-rotate(341deg) brightness(98%) contrast(99%); }
 .color-alt-danger { filter: brightness(0) saturate(100%) invert(37%) sepia(84%) saturate(805%) hue-rotate(308deg) brightness(99%) contrast(90%); }

diff --git a/packages/common/src/styles/colors.scss b/packages/common/src/styles/colors.scss
@@ -21,6 +21,7 @@ $color-body: #212529 !default;
 $color-muted: #6c757d !default;
 $color-white: #ffffff !default;
 $color-disabled: #DDDBDA !default;
+$color-disabled-dark: #cccccc !default;
 $color-alt-default: #1e87f0 !default;
 $color-alt-warning: #faa05a !default;
 $color-alt-danger: #f0506e !default;
@@ -48,6 +49,7 @@ $color-sf-primary-dark: #004487 !default;
 .color-muted { @include recolor($color-muted, 1); }
 .color-white { @include recolor($color-white, 1); }
 .color-disabled { @include recolor($color-disabled, 1); }
+.color-disabled-dark { @include recolor($color-disabled-dark, 1); }
 .color-alt-default { @include recolor($color-alt-default, 1); }
 .color-alt-warning { @include recolor($color-alt-warning, 1); }
 .color-alt-danger { @include recolor($color-alt-danger, 1); }

diff --git a/packages/vanilla-bundle/dist-grid-bundle-zip/slickgrid-vanilla-bundle.zip b/packages/vanilla-bundle/dist-grid-bundle-zip/slickgrid-vanilla-bundle.zip