change css var name for new color

ONSdigital · Jan 24, 2025 · 4f46b52 · 4f46b52
1 parent 5fb42cb
commit 4f46b52
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/hero/_hero.scss b/src/components/hero/_hero.scss
@@ -29,7 +29,7 @@
     }
 
     &--grey-bubbles {
-        background-color: var(--ons-color-grey-20);
+        background-color: var(--ons-color-soft-blue-grey);
         margin-bottom: 2.5rem;
         &::before {
             background-color: var(--ons-color-pale-blue);
@@ -359,7 +359,7 @@
 
         &__circle-1 {
             @include mq(l) {
-                background-color: var(--ons-color-grey-20);
+                background-color: var(--ons-color-soft-blue-grey);
                 border-radius: 50%;
                 height: 440px;
                 position: absolute;

diff --git a/src/scss/vars/_colors.scss b/src/scss/vars/_colors.scss
@@ -10,7 +10,6 @@
     --ons-color-grey-75: #707071;
     --ons-color-grey-35: #bcbcbd;
     --ons-color-grey-25: #d5d5d6;
-    --ons-color-grey-20: #dee7ee;
     --ons-color-grey-15: #e2e2e3;
     --ons-color-grey-10: #efeff0;
     --ons-color-grey-5: #f5f5f6;
@@ -24,6 +23,7 @@
     --ons-color-aqua-teal: #00a3a6;
     --ons-color-navy-blue: #194766;
     --ons-color-pale-blue: #e7eff4;
+    --ons-color-soft-blue-grey: #dee7ee;
 
     // Supporting palette
     --ons-color-leaf-green: #0f8243;