From 1771bd7eb396bc253843ed7ea8a64d7a3604f4f5 Mon Sep 17 00:00:00 2001 From: Bauke Date: Sat, 8 Oct 2022 22:20:21 +0200 Subject: [PATCH] Switch to Love theme colors. --- source/charts/mod.rs | 18 +++++++++--------- source/scss/common.scss | 12 +++++------- 2 files changed, 14 insertions(+), 16 deletions(-) diff --git a/source/charts/mod.rs b/source/charts/mod.rs index 03dc654..9347e53 100644 --- a/source/charts/mod.rs +++ b/source/charts/mod.rs @@ -8,10 +8,10 @@ use { use crate::group_data::GroupDataModel; -const BACKGROUND_1: RGBColor = RGBColor(17, 17, 17); -const BACKGROUND_2: RGBColor = RGBColor(0, 0, 0); -const FOREGROUND: RGBColor = RGBColor(255, 255, 255); -const ACCENT_1: RGBColor = RGBColor(255, 0, 255); +const BACKGROUND_1: RGBColor = RGBColor(31, 23, 49); +const BACKGROUND_2: RGBColor = RGBColor(42, 32, 65); +const FOREGROUND: RGBColor = RGBColor(242, 239, 255); +const ACCENT_1: RGBColor = RGBColor(210, 184, 58); /// The chart for the user count. #[derive(Debug)] @@ -46,7 +46,7 @@ impl UserCountChart { let path = parent.join("user-count.svg"); let chart_root = SVGBackend::new(&path, (1280, 720)).into_drawing_area(); - chart_root.fill(&BACKGROUND_1)?; + chart_root.fill(&BACKGROUND_2)?; let text_style = |font_size: i32| ("sans-serif", font_size).into_font().color(&FOREGROUND); @@ -55,7 +55,7 @@ impl UserCountChart { .margin(20, 20, 20, 20) .titled("Tildes User Count", text_style(30))?; - chart_root.fill(&BACKGROUND_1)?; + chart_root.fill(&BACKGROUND_2)?; let mut chart = ChartBuilder::on(&chart_root) .caption( @@ -75,9 +75,9 @@ impl UserCountChart { .y_labels(5) .y_label_formatter(&|y| format!("{y:0}")) .label_style(text_style(20)) - .axis_style(&BACKGROUND_2) - .light_line_style(&BACKGROUND_2) - .bold_line_style(&BACKGROUND_1) + .axis_style(&BACKGROUND_1) + .light_line_style(&BACKGROUND_1) + .bold_line_style(&BACKGROUND_2) .draw()?; chart diff --git a/source/scss/common.scss b/source/scss/common.scss index 51dd9c4..2682ebf 100644 --- a/source/scss/common.scss +++ b/source/scss/common.scss @@ -6,11 +6,11 @@ body { --small-spacing: 4px; --medium-spacing: 8px; --large-spacing: 16px; - --background-1: #222; - --background-2: #111; - --foreground-1: #fff; - --anchor-1: #f0f; - --anchor-2: #000; + --background-1: #1f1731; + --background-2: #2a2041; + --foreground-1: #f2efff; + --anchor-1: #d2b83a; + --anchor-2: var(--foreground-1); background-color: var(--background-1); color: var(--foreground-1); @@ -20,10 +20,8 @@ body { a, a:visited { color: var(--anchor-1); - text-decoration: none; &:hover { - background-color: var(--anchor-1); color: var(--anchor-2); } }