diff options
| author | Martijn Cuppens <martijn.cuppens@gmail.com> | 2020-10-13 10:58:06 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-10-13 10:58:06 +0300 |
| commit | cdc12165a9af3623dcef6f80ae21fafccc420f72 (patch) | |
| tree | 455c126a444550fef3ba7d2697465ca39007bade /site/assets | |
| parent | 5c6925385ee926a749ead6a4f2ebbfc64e701f36 (diff) | |
Colors rewrite (#30622)
Diffstat (limited to 'site/assets')
| -rw-r--r-- | site/assets/scss/_buttons.scss | 4 | ||||
| -rw-r--r-- | site/assets/scss/_masthead.scss | 2 | ||||
| -rw-r--r-- | site/assets/scss/_variables.scss | 4 |
3 files changed, 5 insertions, 5 deletions
diff --git a/site/assets/scss/_buttons.scss b/site/assets/scss/_buttons.scss index 6a2d703e63..b266d3e88e 100644 --- a/site/assets/scss/_buttons.scss +++ b/site/assets/scss/_buttons.scss @@ -11,8 +11,8 @@ &:hover, &:active { color: $white; - background-color: darken($bd-purple-bright, 10%); - border-color: darken($bd-purple-bright, 10%); + background-color: shade-color($bd-purple-bright, 20%); + border-color: shade-color($bd-purple-bright, 20%); } &:focus { diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss index a8ea52c869..2e742e76d1 100644 --- a/site/assets/scss/_masthead.scss +++ b/site/assets/scss/_masthead.scss @@ -1,6 +1,6 @@ .bd-masthead { padding: 3rem 0; - background: linear-gradient(165deg, lighten($bd-purple-light, 16%) 50%, $white 50%); + background: linear-gradient(165deg, tint-color($bd-purple-light, 85%) 50%, $white 50%); h1 { @include font-size(4rem); diff --git a/site/assets/scss/_variables.scss b/site/assets/scss/_variables.scss index 4ebe2be710..110600260c 100644 --- a/site/assets/scss/_variables.scss +++ b/site/assets/scss/_variables.scss @@ -2,8 +2,8 @@ // Local docs variables $bd-purple: #563d7c; -$bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%); -$bd-purple-light: lighten(saturate($bd-purple, 5%), 45%); +$bd-purple-bright: lighten(saturate($bd-purple, 5%), 15%); // stylelint-disable-line function-disallowed-list +$bd-purple-light: lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable-line function-disallowed-list $bd-dark: #2a2730; $bd-download: #ffe484; $bd-info: #5bc0de; |