diff --git a/wp/wp-content/themes/medicalalert/dist/app.css b/wp/wp-content/themes/medicalalert/dist/app.css index b77c0143..2b7dd9f3 100644 --- a/wp/wp-content/themes/medicalalert/dist/app.css +++ b/wp/wp-content/themes/medicalalert/dist/app.css @@ -11318,7 +11318,7 @@ button[type=submit].single_add_to_cart_button, } .bg-color-pink { - background-color: rgba(255, 202, 210, 0.15); + background-color: #f4f5fa; } .bg-color-pink p { color: #505050; @@ -11379,7 +11379,7 @@ button[type=submit].single_add_to_cart_button, position: absolute; width: 100%; height: 50%; - background-color: rgba(255, 202, 210, 0.15); + background-color: #f4f5fa; left: 0; right: 0; top: 0; @@ -11394,7 +11394,7 @@ button[type=submit].single_add_to_cart_button, position: absolute; width: 100%; height: 50%; - background-color: rgba(255, 202, 210, 0.15); + background-color: #f4f5fa; z-index: -1; left: 0; right: 0; @@ -11691,10 +11691,10 @@ button[type=submit].single_add_to_cart_button, color: #505050; } -.header-color-pink { - background-color: rgba(255, 202, 210, 0.15); +.header-color-gray { + background-color: #f4f5fa; } -.header-color-pink h4, .header-color-pink .headline-small, .header-color-pink .h4 { +.header-color-gray h4, .header-color-gray .headline-small, .header-color-gray .h4 { color: #505050; } diff --git a/wp/wp-content/themes/medicalalert/src/scss/_variables.scss b/wp/wp-content/themes/medicalalert/src/scss/_variables.scss index e3836363..09a94066 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/_variables.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/_variables.scss @@ -5,7 +5,7 @@ $secondary: #F5AD23; $white: #FFFFFF; $black: #000000; $blue: #036396; -$light-pink: rgba(255, 202, 210, .15); +$gray: #f4f5fa; $light-gray: #505050; $gray-border: rgba(123, 123, 123, 0.4); $gray-placeholder: rgba(123, 123, 123, 0.52); diff --git a/wp/wp-content/themes/medicalalert/src/scss/color-header-card-grid.scss b/wp/wp-content/themes/medicalalert/src/scss/color-header-card-grid.scss index 6207b339..6cdfce3a 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/color-header-card-grid.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/color-header-card-grid.scss @@ -17,8 +17,8 @@ } } -.header-color-pink { - background-color: $light-pink; +.header-color-gray { + background-color: $gray; h4 { color: $light-gray; } diff --git a/wp/wp-content/themes/medicalalert/src/scss/global.scss b/wp/wp-content/themes/medicalalert/src/scss/global.scss index 69f23d6f..e60a5fc7 100644 --- a/wp/wp-content/themes/medicalalert/src/scss/global.scss +++ b/wp/wp-content/themes/medicalalert/src/scss/global.scss @@ -135,7 +135,7 @@ button[type="submit"].single_add_to_cart_button, } .bg-color-pink { - background-color: $light-pink; + background-color: $gray; p { color: $light-gray; } @@ -196,7 +196,7 @@ button[type="submit"].single_add_to_cart_button, position: absolute; width: 100%; height: 50%; - background-color: $light-pink; + background-color: $gray; left: 0; right: 0; top: 0; @@ -211,7 +211,7 @@ button[type="submit"].single_add_to_cart_button, position: absolute; width: 100%; height: 50%; - background-color: $light-pink; + background-color: $gray; z-index: -1; left: 0; right: 0;