From aaf1b18db38ab1d2b4875a074d070ad5ec173b10 Mon Sep 17 00:00:00 2001
From: syeopite <syeopite@syeopite.dev>
Date: Sun, 5 Sep 2021 03:30:14 -0700
Subject: [PATCH] Change doks to use invidious's logo accent color

---
 assets/scss/app.scss       | 41 ++++++++++++++++++++++++++++++++++++++
 assets/scss/variables.scss |  5 +++++
 2 files changed, 46 insertions(+)
 create mode 100644 assets/scss/app.scss
 create mode 100644 assets/scss/variables.scss

diff --git a/assets/scss/app.scss b/assets/scss/app.scss
new file mode 100644
index 0000000..6dd8d2e
--- /dev/null
+++ b/assets/scss/app.scss
@@ -0,0 +1,41 @@
+// Mostly taken from doks's own app scss. The only addition would be
+// the `@import "variables" in order to overwrite color settings.
+
+
+/** Import Bootstrap functions */
+@import "bootstrap/scss/functions";
+
+/** Import theme variables */
+@import "../../node_modules/@hyas/doks/assets/scss/common/variables";
+
+/** Overwrite variables */
+@import "variables";
+
+/** Import Bootstrap */
+@import "bootstrap/scss/bootstrap";
+
+/** Import highlight.js */
+// @import "highlight.js/scss/github-dark-dimmed";
+
+/** Import KaTeX */
+@import "katex/dist/katex";
+
+/** Import theme styles */
+@import "../../node_modules/@hyas/doks/assets/scss/common/fonts";
+@import "../../node_modules/@hyas/doks/assets/scss/common/global";
+@import "../../node_modules/@hyas/doks/assets/scss/common/dark";
+@import "../../node_modules/@hyas/doks/assets/scss/components/alerts";
+@import "../../node_modules/@hyas/doks/assets/scss/components/buttons";
+@import "../../node_modules/@hyas/doks/assets/scss/components/code";
+@import "../../node_modules/@hyas/doks/assets/scss/components/syntax";
+@import "../../node_modules/@hyas/doks/assets/scss/components/comments";
+@import "../../node_modules/@hyas/doks/assets/scss/components/forms";
+@import "../../node_modules/@hyas/doks/assets/scss/components/images";
+@import "../../node_modules/@hyas/doks/assets/scss/components/mermaid";
+@import "../../node_modules/@hyas/doks/assets/scss/components/search";
+@import "../../node_modules/@hyas/doks/assets/scss/components/tables";
+@import "../../node_modules/@hyas/doks/assets/scss/layouts/footer";
+@import "../../node_modules/@hyas/doks/assets/scss/layouts/header";
+@import "../../node_modules/@hyas/doks/assets/scss/layouts/pages";
+@import "../../node_modules/@hyas/doks/assets/scss/layouts/posts";
+@import "../../node_modules/@hyas/doks/assets/scss/layouts/sidebar";
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
new file mode 100644
index 0000000..97bb530
--- /dev/null
+++ b/assets/scss/variables.scss
@@ -0,0 +1,5 @@
+// Same hue as hsl(195, 100%, 47%) (#00b6f0) or the invidious accent color,
+// but modified with different lightness and saturation for better readability
+// with black text.
+$invidious:  hsl(195, 85%, 65%);
+$primary: $invidious;