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);
   }
 }