From b36b6b747c879e9156255324dc87bedb4adb55e9 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Sun, 4 Dec 2022 09:12:40 -0800 Subject: [PATCH] Rename greys --- components/AccountModal/index.scss | 6 +++--- components/AxSelect/index.scss | 2 +- components/Button/index.scss | 8 ++++---- components/ElementToggle/index.scss | 2 +- components/Fieldset/index.scss | 2 +- components/FilterBar/index.scss | 2 +- components/GridRep/index.scss | 2 +- components/HeaderMenu/index.scss | 4 ++-- components/JobSkillItem/index.scss | 2 +- components/JobSkillResult/index.scss | 2 +- components/SearchFilter/index.scss | 2 +- components/TextFieldset/index.scss | 2 +- styles/variables.scss | 8 ++++---- 13 files changed, 22 insertions(+), 22 deletions(-) diff --git a/components/AccountModal/index.scss b/components/AccountModal/index.scss index 63553fc4..9e3d3f18 100644 --- a/components/AccountModal/index.scss +++ b/components/AccountModal/index.scss @@ -19,11 +19,11 @@ height: $height; &:focus { - box-shadow: 0 0 0 2px $grey-00; + box-shadow: 0 0 0 2px $grey-10; } &[data-state="checked"] { - background: $grey-00; + background: $grey-10; } } @@ -89,7 +89,7 @@ gap: calc($unit / 2); label { - color: $grey-00; + color: $grey-10; font-size: $font-regular; } diff --git a/components/AxSelect/index.scss b/components/AxSelect/index.scss index 1b9c59f4..d1717c8b 100644 --- a/components/AxSelect/index.scss +++ b/components/AxSelect/index.scss @@ -34,7 +34,7 @@ background-color: $grey-90; border-radius: 6px; box-sizing: border-box; - color: $grey-00; + color: $grey-10; height: $unit * 6; display: block; font-size: $font-regular; diff --git a/components/Button/index.scss b/components/Button/index.scss index 78769aee..f562cdd6 100644 --- a/components/Button/index.scss +++ b/components/Button/index.scss @@ -13,15 +13,15 @@ &:hover { background: white; cursor: pointer; - color: $grey-00; + color: $grey-10; .icon svg { - fill: $grey-00; + fill: $grey-10; } .icon.stroke svg { fill: none; - stroke: $grey-00; + stroke: $grey-10; } } @@ -147,7 +147,7 @@ &:hover { background: $grey-70; - color: $grey-00; + color: $grey-10; } } diff --git a/components/ElementToggle/index.scss b/components/ElementToggle/index.scss index 6b447f4e..74248050 100644 --- a/components/ElementToggle/index.scss +++ b/components/ElementToggle/index.scss @@ -29,7 +29,7 @@ &:hover, &[data-state="on"] { background: $grey-80; - color: $grey-00; + color: $grey-10; &.fire { background: $fire-bg-light; diff --git a/components/Fieldset/index.scss b/components/Fieldset/index.scss index 97cee7ff..cd406b51 100644 --- a/components/Fieldset/index.scss +++ b/components/Fieldset/index.scss @@ -12,7 +12,7 @@ background-color: white; border-radius: 6px; box-sizing: border-box; - color: $grey-00; + color: $grey-10; display: block; font-size: $font-regular; padding: 12px 16px; diff --git a/components/FilterBar/index.scss b/components/FilterBar/index.scss index 38baf662..0050e3be 100644 --- a/components/FilterBar/index.scss +++ b/components/FilterBar/index.scss @@ -18,7 +18,7 @@ } h1 { - color: $grey-20; + color: $grey-30; font-size: $font-regular; font-weight: $normal; flex-grow: 1; diff --git a/components/GridRep/index.scss b/components/GridRep/index.scss index 88851d77..95ed00d8 100644 --- a/components/GridRep/index.scss +++ b/components/GridRep/index.scss @@ -64,7 +64,7 @@ gap: calc($unit / 2); h2 { - color: $grey-00; + color: $grey-10; font-size: $font-regular; overflow: hidden; padding-bottom: 1px; diff --git a/components/HeaderMenu/index.scss b/components/HeaderMenu/index.scss index 8047153e..ddc50595 100644 --- a/components/HeaderMenu/index.scss +++ b/components/HeaderMenu/index.scss @@ -14,11 +14,11 @@ &:hover:not(.disabled) { background: $grey-100; - color: $grey-00; + color: $grey-10; cursor: pointer; a { - color: $grey-00; + color: $grey-10; } } diff --git a/components/JobSkillItem/index.scss b/components/JobSkillItem/index.scss index 539beb60..fd846821 100644 --- a/components/JobSkillItem/index.scss +++ b/components/JobSkillItem/index.scss @@ -15,7 +15,7 @@ } & p.placeholder { - color: $grey-20; + color: $grey-30; } } diff --git a/components/JobSkillResult/index.scss b/components/JobSkillResult/index.scss index c8308b05..e1b46c92 100644 --- a/components/JobSkillResult/index.scss +++ b/components/JobSkillResult/index.scss @@ -23,7 +23,7 @@ .skill.pill { background: $grey-90; border-radius: $unit * 2; - color: $grey-00; + color: $grey-10; display: inline; font-size: $font-tiny; font-weight: $medium; diff --git a/components/SearchFilter/index.scss b/components/SearchFilter/index.scss index bf764414..0eee7ef7 100644 --- a/components/SearchFilter/index.scss +++ b/components/SearchFilter/index.scss @@ -11,7 +11,7 @@ &:hover { background: $grey-80; - color: $grey-00; + color: $grey-10; cursor: pointer; } diff --git a/components/TextFieldset/index.scss b/components/TextFieldset/index.scss index 5013cd18..e5cfdf34 100644 --- a/components/TextFieldset/index.scss +++ b/components/TextFieldset/index.scss @@ -1,5 +1,5 @@ .Fieldset textarea { - color: $grey-00; + color: $grey-10; font-family: system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 21px; diff --git a/styles/variables.scss b/styles/variables.scss index 5011d49b..63e66d0b 100644 --- a/styles/variables.scss +++ b/styles/variables.scss @@ -12,10 +12,10 @@ $medium-screen: 800px; $unit: 8px; // Colors -$grey-00: #222; -$grey-10: #444; -$grey-20: #555; -$grey-30: #666; +$grey-10: #191919; +$grey-15: #2f2f2f; +$grey-20: #444; +$grey-30: #555; $grey-40: #777; $grey-50: #888; $grey-60: #a9a9a9;