diff --git a/src/style/organisms/_newsletter.scss b/src/style/organisms/_newsletter.scss index 39879a1..38a3113 100644 --- a/src/style/organisms/_newsletter.scss +++ b/src/style/organisms/_newsletter.scss @@ -38,10 +38,18 @@ // Variants // Default color &--default { - background-color: $color-tertiary; - } + background: $color-tertiary 50% 0 / cover url(#{$dir-img}/newsletter-beige.jpg) no-repeat; + + .newsletter-form__email { + background: $color-tertiary; + } + } // Light &--light { - background-color: $color-cream; + background: $color-cream 50% 0 / cover url(#{$dir-img}/newsletter-cream.jpg) no-repeat; + + .newsletter-form__email { + background: $color-cream; + } } } \ No newline at end of file diff --git a/static/images/newsletter-beige.jpg b/static/images/newsletter-beige.jpg new file mode 100644 index 0000000..fbc1240 Binary files /dev/null and b/static/images/newsletter-beige.jpg differ diff --git a/static/images/newsletter-cream.jpg b/static/images/newsletter-cream.jpg new file mode 100644 index 0000000..9f64464 Binary files /dev/null and b/static/images/newsletter-cream.jpg differ