Color: update dark gray color to #111 (#648) (#648)

pinterest · Feb 5, 2020 · 8e83e76 · 8e83e76
1 parent 1929a77
commit 8e83e76
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,6 +8,8 @@
 
 ### Minor
 
+- Color: update dark gray color to #111 (#648)
+
 ### Patch
 
 </details>

diff --git a/packages/gestalt/src/Button.css b/packages/gestalt/src/Button.css
@@ -1,6 +1,6 @@
 :root {
   --blue: #0074e8;
-  --darkGray: #333;
+  --darkGray: #111;
   --red: #e60023;
   --lightGray: #efefef;
   --white: #fff;

diff --git a/packages/gestalt/src/Checkbox.css b/packages/gestalt/src/Checkbox.css
@@ -13,7 +13,7 @@
 }
 
 .borderDark {
-  border-color: #333;
+  border-color: #111;
 }
 
 .check {

diff --git a/packages/gestalt/src/Colors.css b/packages/gestalt/src/Colors.css
@@ -4,7 +4,7 @@
   --white: #fff;
   --lightGray: #efefef;
   --gray: #8e8e8e;
-  --darkGray: #333;
+  --darkGray: #111;
 
   /* secondary colors */
   --green: #0fa573;

diff --git a/packages/gestalt/src/Pog.css b/packages/gestalt/src/Pog.css
@@ -1,7 +1,7 @@
 :root {
   --lightGray: #efefef;
   --gray: #8e8e8e;
-  --darkGray: #333;
+  --darkGray: #111;
 }
 
 .pog {

diff --git a/packages/gestalt/src/Switch.css b/packages/gestalt/src/Switch.css
@@ -28,7 +28,7 @@ html[dir="rtl"] .switch {
 
 .switchDarkGray {
   composes: darkGrayBg from "./Colors.css";
-  border-color: #333;
+  border-color: #111;
 }
 
 .switchGray {
@@ -67,7 +67,7 @@ html[dir="rtl"] .switch {
 }
 
 .sliderDark {
-  border-color: #333;
+  border-color: #111;
 }
 
 .sliderLight {

diff --git a/packages/gestalt/src/Tabs.css b/packages/gestalt/src/Tabs.css
@@ -29,7 +29,7 @@
 
 .tabIsNotActive:focus,
 .tabIsNotActive:hover {
-  color: #333;
+  color: #111;
 }
 
 .tabIsActive {