From 7bd43ca857a60a177e0dc3168744fc2c9670fa88 Mon Sep 17 00:00:00 2001
From: Cadence Ember <cloudrac3r@vivaldi.net>
Date: Wed, 3 Jun 2020 02:52:58 +1200
Subject: [PATCH] Add Discord theme

---
 src/lib/constants.js               |  1 +
 src/site/sass/discord.sass         | 18 ++++++++
 src/site/sass/themes/_discord.scss | 73 ++++++++++++++++++++++++++++++
 3 files changed, 92 insertions(+)
 create mode 100644 src/site/sass/discord.sass
 create mode 100644 src/site/sass/themes/_discord.scss

diff --git a/src/lib/constants.js b/src/lib/constants.js
index e2c7e63..78ae575 100644
--- a/src/lib/constants.js
+++ b/src/lib/constants.js
@@ -76,6 +76,7 @@ let constants = {
 		official: [
 			{file: "classic", name: "Vanilla sard"},
 			{file: "blue", name: "Vanilla sky"},
+			{file: "discord", name: "Discord dark"},
 			{file: "pussthecat.org", name: "PussTheCat.org dark v1"},
 			{file: "pussthecat.org-v2", name: "PussTheCat.org dark v2"}
 		],
diff --git a/src/site/sass/discord.sass b/src/site/sass/discord.sass
new file mode 100644
index 0000000..bd21c0f
--- /dev/null
+++ b/src/site/sass/discord.sass
@@ -0,0 +1,18 @@
+@use "themes/discord" as *
+@use "includes/main" with ($theme: $theme)
+
+:root
+	scrollbar-color: dark
+	scrollbar-color: $dark-1 $dark-5
+
+.profile-sticky
+	scrollbar-color: dark
+	scrollbar-color: $dark-1 $dark-2
+
+.description-section .scrolling-box
+	scrollbar-color: dark
+	scrollbar-color: #26282c $dark-5
+
+.privacy-policy
+	a, a:visited
+		color: $blurple-pale
diff --git a/src/site/sass/themes/_discord.scss b/src/site/sass/themes/_discord.scss
new file mode 100644
index 0000000..d2dbed7
--- /dev/null
+++ b/src/site/sass/themes/_discord.scss
@@ -0,0 +1,73 @@
+@use "pussthecat.org-v2" as ptc;
+
+$blurple-1: #4e5d94; // project blurple
+$blurple-2: #5c6fb1; // app context menu hover
+$blurple-3: #7289da; // branding page
+$blurple-pale: #95a2ce;
+$darkest: #090a0b;
+$dark-1: #18191c; // context menu background
+$dark-2: #202225; // app guild list background
+$dark-3: #23272a; // branding page
+$dark-4: #2c2f33; // branding page
+$dark-5: #2f3136; // app channel list background
+$dark-6: #36393f; // main app background
+$red: #f04747; // app context menu hover
+$header-primary: #fff;
+$text-normal: #dcddde;
+$text-muted: #898e97; // altered to be accessible
+$link: #6ca9f7;
+
+$theme: map-merge(ptc.$theme, (
+	"background-primary": $dark-5,
+	"background-timeline-profile": $dark-2,
+	"background-timeline-loading": $dark-1,
+	"background-post-distraction": $darkest,
+	"background-post-overlay": rgba(0, 0, 0, 0.7),
+	"background-post-header": $dark-6,
+	"background-post-pfp-loading": $dark-4,
+	"background-post-caption": $dark-6,
+	"background-post-gallery": $dark-2,
+	"background-post-loading": $dark-6,
+	"background-power-primary": $blurple-3,
+	"background-power-secondary": $blurple-1,
+	"background-power-tertiary": $dark-4,
+	"background-power-palest": $blurple-2,
+	"background-power-pale": $blurple-3,
+	"background-power-quote": $dark-1,
+	"background-go-input": $blurple-1,
+	"background-primary-quote": #ccc,
+	"background-error-page": $dark-2,
+	"background-alert": $dark-2,
+	"background-banner-fail": #5f1111,
+	"background-banner-success": $blurple-2,
+	"foreground-primary": $text-normal,
+	"foreground-header": $header-primary,
+	"foreground-power-primary": #000,
+	"foreground-power-secondary": #fff,
+	"foreground-power-tertiary": $text-normal,
+	"foreground-go-control": #fff,
+	"foreground-thumbnail-alt": $text-muted,
+	"foreground-timeline-page": #999ea5,
+	"foreground-post-header": $header-primary,
+	"foreground-gallery-alt": $text-normal,
+	"foreground-error-code": $header-primary,
+	"foreground-error-message": $text-normal,
+	"foreground-error-explanation": $text-normal,
+	"foreground-header-privacy": $header-primary,
+	"foreground-alert": $header-primary,
+	"foreground-primary-quote": $text-normal,
+	"foreground-banner": $header-primary,
+	"link-primary": $link,
+	"link-power": #fff9d6,
+	"link-error-page": $link,
+	"link-hashtag": #6ac879,
+	"edge-context-divider": none,
+	"edge-thumbnail-hover": solid $blurple-3,
+	"edge-go-control": 1px solid $darkest,
+	"edge-power-divider": 1px solid $blurple-pale,
+	"edge-power-border": 1px solid $blurple-pale,
+	"edge-alert": 2px solid #949698,
+	"shadow-down": (0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05)),
+	"shadow-right": none,
+	"shadow-down-inset": (0 1px 0 rgba(4,4,5,0.2) inset, 0 1.5px 0 rgba(6,6,7,0.05) inset, 0 2px 0 rgba(4,4,5,0.05) inset),
+));