diff --git a/build/media_source/templates/site/cassiopeia/scss/blocks/_footer.scss b/build/media_source/templates/site/cassiopeia/scss/blocks/_footer.scss index 4aa0ad776c95d..2ad8727c176a9 100644 --- a/build/media_source/templates/site/cassiopeia/scss/blocks/_footer.scss +++ b/build/media_source/templates/site/cassiopeia/scss/blocks/_footer.scss @@ -12,8 +12,13 @@ padding: 2.5rem ($cassiopeia-grid-gutter * .5); } - a { + a:not(.btn), .btn-link { color: currentColor; + + &:hover, + &:focus { + color: var(--gray-200); + } } .mod-menu { diff --git a/build/media_source/templates/site/cassiopeia/scss/blocks/_global.scss b/build/media_source/templates/site/cassiopeia/scss/blocks/_global.scss index 091c61db051eb..0591114c5f42e 100644 --- a/build/media_source/templates/site/cassiopeia/scss/blocks/_global.scss +++ b/build/media_source/templates/site/cassiopeia/scss/blocks/_global.scss @@ -60,11 +60,6 @@ a { text-decoration: underline; } - &:not(.btn):hover, - &:not(.btn):focus { - color: var(--cassiopeia-color-hover); - } - &.navbar-brand { color: var(--cassiopeia-color-brand); } diff --git a/build/media_source/templates/site/cassiopeia/scss/blocks/_header.scss b/build/media_source/templates/site/cassiopeia/scss/blocks/_header.scss index 19f6ccf2b6326..ece7792b12ba3 100644 --- a/build/media_source/templates/site/cassiopeia/scss/blocks/_header.scss +++ b/build/media_source/templates/site/cassiopeia/scss/blocks/_header.scss @@ -213,7 +213,7 @@ .mod-finder { color: $white; - a { + a:not(.jmodedit) { color: $white; &:hover, &:focus { diff --git a/build/media_source/templates/site/cassiopeia/scss/blocks/_layout.scss b/build/media_source/templates/site/cassiopeia/scss/blocks/_layout.scss index ca9419b0cf57c..4162e96444b1f 100644 --- a/build/media_source/templates/site/cassiopeia/scss/blocks/_layout.scss +++ b/build/media_source/templates/site/cassiopeia/scss/blocks/_layout.scss @@ -15,8 +15,14 @@ .container-topbar, .container-below-top { color: $white; - a { + + a:not(.btn), .btn-link { color: currentColor; + + &:hover, + &:focus { + color: var(--gray-200); + } } }