diff --git a/djangoproject/scss/_dark-mode.scss b/djangoproject/scss/_dark-mode.scss index e5f49a950..e2da42297 100644 --- a/djangoproject/scss/_dark-mode.scss +++ b/djangoproject/scss/_dark-mode.scss @@ -92,29 +92,6 @@ html[data-theme="light"], --white-color: #{$black}; } - body .homepage { - .copy-banner { - background: var(--white-color); - } - } - - body .copy-banner { - background: darken($green, 10%); - - p, - h1 { - color: $green-very-light; - - @include respond-min(768px) { - color: $green-very-light; - } - - a { - color: $green-very-light; - } - } - } - body table.django-supported-versions, body table.django-unsupported-versions { a { @@ -147,10 +124,6 @@ html[data-theme="light"], /* Firefox 18- */ color: $gray-medium-l10; } - - body [role="contentinfo"] { - background: darken($green, 10%); - } } html[data-theme="dark"] { @@ -192,29 +165,6 @@ html[data-theme="dark"] { filter: invert(1); } - .homepage { - .copy-banner { - background: var(--white-color); - } - } - - .copy-banner { - background: darken($green, 10%); - - p, - h1 { - color: $green-very-light; - - @include respond-min(768px) { - color: $green-very-light; - } - - a { - color: $green-very-light; - } - } - } - table.django-supported-versions, table.django-unsupported-versions { a { @@ -247,10 +197,6 @@ html[data-theme="dark"] { /* Firefox 18- */ color: $gray-medium-l10; } - - [role="contentinfo"] { - background: darken($green, 10%); - } } .img-release { diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss index 16f17c79b..55d9258ea 100644 --- a/djangoproject/scss/_style.scss +++ b/djangoproject/scss/_style.scss @@ -434,6 +434,7 @@ blockquote { // Includes global navigation, logo, and tagline at top of document @include clearfix; background: $green-dark; + color: $white; overflow: hidden; margin: 0; padding: 10px 0 6px; @@ -448,7 +449,7 @@ blockquote { .meta { @include font-size(13); - color: var(--primary); + color: $green-medium; font-weight: 700; width: auto; float: left; @@ -491,9 +492,7 @@ blockquote { .menu-button { @include font-size(20); - background: $green-dark; border-radius: 23px; - color: var(--menu); cursor: pointer; display: block; float: right; @@ -509,7 +508,7 @@ blockquote { } &:active { - color: var(--primary); + color: $green-medium; } span { @@ -542,8 +541,6 @@ blockquote { } [role="navigation"] { - background: $green-dark; - width: 100%; @include respond-min(768px) { @@ -579,18 +576,18 @@ blockquote { } &.active a { - color: var(--primary); + color: $green-medium; } } a { - color: var(--menu); + color: inherit; display: block; padding: 20px 0px; text-decoration: none; &:active, &:hover { - color: var(--secondary-accent); + color: $green-medium; } @include respond-min(768px) { @@ -604,7 +601,7 @@ blockquote { color: var(--white-color); &:active, &:hover { - color: var(--secondary-accent); + color: $green-medium; } @include respond-min(768px) { @@ -651,7 +648,8 @@ blockquote { } .copy-banner { // Large green callout at the top of the page - background: var(--primary); + background: darken($green, 10%); + color: $white; padding: 1px 10px; @include respond-min(768px) { @@ -662,7 +660,7 @@ blockquote { h1 { @include sans-serif; @include font-size(24); - color: var(--secondary-accent); + color: inherit; font-weight: 300; line-height: 1.3; padding: 1px 0 6px; @@ -677,14 +675,13 @@ blockquote { @include font-size(32); margin: .35em 0 .35em; - color: var(--secondary-accent); padding: 1px 0 6px; } a { font-weight: 300; - color: var(--secondary-accent); + color: inherit; } a.cta, .cta { @@ -860,7 +857,8 @@ blockquote { @include clearfix; @include sans-serif; position: relative; - background: var(--primary); + background: darken($green, 10%); + color: $white; clear: both; margin-top: 0px; @@ -904,7 +902,6 @@ blockquote { h2 { @include font-size(16); border-top: 1px solid var(--hairline-color); - color: var(--menu); font-weight: 700; margin-top: 20px; padding: 30px 0 10px; @@ -927,7 +924,7 @@ blockquote { } a { - color: var(--menu); + color: inherit; text-decoration: none; &:hover, @@ -940,9 +937,9 @@ blockquote { .footer { background: $green-dark; + color: $green-light; margin-top: 20px; padding: 10px 0 30px; - color: var(--primary-accent); .footer-logo { float: left; @@ -958,6 +955,10 @@ blockquote { margin-top: 20px; } } + + a { + color: inherit; + } } .logo { @@ -987,7 +988,6 @@ blockquote { .thanks { @include font-size(12); - color: var(--primary-accent); margin: 0; padding: 0; @include respond-min(768px) { @@ -1041,7 +1041,6 @@ blockquote { a.in-kind-donors { @include font-size(20); - color: var(--primary-accent); } a.threespot, a.andrevv { @@ -1080,10 +1079,6 @@ blockquote { padding-top: 30px; margin: 0; } - - a { - color: var(--primary-accent); - } } }