diff --git a/scss/style.scss b/scss/style.scss index bd3ebdc..45508fe 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -183,7 +183,7 @@ h3, .course-card__title { display: grid; align-items: center; - background-color: #f35c19; + background-color: $accent-alt; margin-top: 20px; height: 60px; text-transform: uppercase; @@ -196,7 +196,7 @@ h3, text-align: center; } .more-link a { - color: #91522f; + color: $accent-alt; font-weight: bold; text-decoration: none; } @@ -282,7 +282,7 @@ img.image-style-article-header { font-family: "Roboto Slab", sans-serif; font-weight: 300; text-decoration: none; - color: $accent-dark; + color: $accent-alt; font-size: 1.75em; } diff --git a/scss/variables.scss b/scss/variables.scss index 625c359..bfceec9 100644 --- a/scss/variables.scss +++ b/scss/variables.scss @@ -4,9 +4,10 @@ $primary-shade: #444041; $primary-light: tint-color($primary-shade, 37%); $primary-dark: shade-color($primary-shade, 12%); -$accent-shade: #d46e3B; +$accent-shade: #f35a19; $accent-light: tint-color($accent-shade, 37%); $accent-dark: shade-color($accent-shade, 12%); +$accent-alt: #91522f; // Reassign color vars to semantic color scheme $red: #dc3545; $yellow: #ffc107;