From 3550ce132ca558554c61faeac356941a98c6c588 Mon Sep 17 00:00:00 2001 From: Daniel Barber Date: Wed, 30 Oct 2019 22:44:25 -0400 Subject: [PATCH] Make logo colors more consistent --- assets/sass/components/_logo.scss | 8 +-- ...s_f300667da4f5b5f84e1a9e0702b2fdde.content | 70 +++++++++---------- 2 files changed, 39 insertions(+), 39 deletions(-) diff --git a/assets/sass/components/_logo.scss b/assets/sass/components/_logo.scss index 69f443dc..bc3854a6 100644 --- a/assets/sass/components/_logo.scss +++ b/assets/sass/components/_logo.scss @@ -1,9 +1,9 @@ -$_desaturate_amount: 25%; +$_desaturate_amount: 10%; -$_color_1: #ff6800; -$_color_2: #e8ff00; +$_color_1: #f37001; +$_color_2: #b8d900; $_color_3: #00a9ff; -$_color_4: #b346e2; +$_color_4: #a95ed5; $_color_1_dark: desaturate($_color_1, $_desaturate_amount); $_color_2_dark: desaturate($_color_2, $_desaturate_amount); diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 6e4e122a..16248e89 100644 --- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -502,11 +502,11 @@ img { margin-bottom: 1em; } .logo__color_1 { - fill: #ff6800; + fill: #f37001; transition: fill 200ms ease; } .logo__color_2 { - fill: #e8ff00; + fill: #b8d900; transition: fill 200ms ease; } .logo__color_3 { @@ -514,7 +514,7 @@ img { transition: fill 200ms ease; } .logo__color_4 { - fill: #b346e2; + fill: #a95ed5; transition: fill 200ms ease; } .logo__link:hover .logo__color, @@ -543,90 +543,90 @@ img { @keyframes cycle_color_1 { 0%, 100% { - fill: #ff6800; } + fill: #f37001; } 25% { - fill: #e8ff00; } + fill: #b8d900; } 50% { fill: #00a9ff; } 75% { - fill: #b346e2; } } + fill: #a95ed5; } } @keyframes cycle_color_2 { 0%, 100% { - fill: #e8ff00; } + fill: #b8d900; } 25% { fill: #00a9ff; } 50% { - fill: #b346e2; } + fill: #a95ed5; } 75% { - fill: #ff6800; } } + fill: #f37001; } } @keyframes cycle_color_3 { 0, 100% { fill: #00a9ff; } 25% { - fill: #b346e2; } + fill: #a95ed5; } 50% { - fill: #ff6800; } + fill: #f37001; } 75% { - fill: #e8ff00; } } + fill: #b8d900; } } @keyframes cycle_color_4 { 0%, 100% { - fill: #b346e2; } + fill: #a95ed5; } 25% { - fill: #ff6800; } + fill: #f37001; } 50% { - fill: #e8ff00; } + fill: #b8d900; } 75% { fill: #00a9ff; } } } @media (prefers-color-scheme: dark) { .logo__color_1 { - fill: #df6e20; } + fill: #e7710d; } .logo__color_2 { - fill: #cedf20; } + fill: #b0ce0b; } .logo__color_3 { - fill: #209fdf; } + fill: #0da5f2; } .logo__color_4 { - fill: #a861c7; } + fill: #a668cb; } @keyframes cycle_color_1 { 0%, 100% { - fill: #df6e20; } + fill: #e7710d; } 25% { - fill: #cedf20; } + fill: #b0ce0b; } 50% { - fill: #209fdf; } + fill: #0da5f2; } 75% { - fill: #a861c7; } } + fill: #a668cb; } } @keyframes cycle_color_2 { 0%, 100% { - fill: #cedf20; } + fill: #b0ce0b; } 25% { - fill: #209fdf; } + fill: #0da5f2; } 50% { - fill: #a861c7; } + fill: #a668cb; } 75% { - fill: #df6e20; } } + fill: #e7710d; } } @keyframes cycle_color_3 { 0%, 100% { - fill: #209fdf; } + fill: #0da5f2; } 25% { - fill: #a861c7; } + fill: #a668cb; } 50% { - fill: #df6e20; } + fill: #e7710d; } 75% { - fill: #cedf20; } } + fill: #b0ce0b; } } @keyframes cycle_color_4 { 0%, 100% { - fill: #a861c7; } + fill: #a668cb; } 25% { - fill: #df6e20; } + fill: #e7710d; } 50% { - fill: #cedf20; } + fill: #b0ce0b; } 75% { - fill: #209fdf; } } } + fill: #0da5f2; } } }