From 60fc5b62db3280e2a752cc4bd58a746c5e94f5a1 Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Fri, 18 Oct 2024 00:05:30 +0200
Subject: [PATCH] Added Quartz-styled Giscus theming

---
 quartz/static/giscus/dark.css  | 10 +++++-----
 quartz/static/giscus/light.css | 12 ++++++------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/quartz/static/giscus/dark.css b/quartz/static/giscus/dark.css
index 3945a2205..e98088f4d 100644
--- a/quartz/static/giscus/dark.css
+++ b/quartz/static/giscus/dark.css
@@ -46,11 +46,11 @@ main {
   --color-btn-selected-bg: #161b22;
   --color-btn-primary-text: #fff;
   --color-btn-primary-bg: #84a59d; /* --tertiary */
-  --color-btn-primary-border: rgb(240 246 252 / 10%);
+  --color-btn-primary-border: rgb(240, 246, 252 / 10%); /* --dark */
   --color-btn-primary-shadow: 0 0 transparent;
   --color-btn-primary-inset-shadow: 0 0 transparent;
   --color-btn-primary-hover-bg: #7b97aa; /* --secondary */
-  --color-btn-primary-hover-border: rgb(240 246 252 / 10%);
+  --color-btn-primary-hover-border: rgb(240, 246, 252 / 10%); /* --dark */
   --color-btn-primary-selected-bg: #7b97aa; /* --secondary */
   --color-btn-primary-selected-shadow: 0 0 transparent;
   --color-btn-primary-disabled-text: rgba(33, 32, 32, 0.5);
@@ -60,9 +60,9 @@ main {
   --color-segmented-control-bg: rgb(110 118 129 / 10%);
   --color-segmented-control-button-bg: #0d1117;
   --color-segmented-control-button-selected-border: #6e7681;
-  --color-fg-default: #e6edf3;
-  --color-fg-muted: #7d8590;
-  --color-fg-subtle: #6e7681;
+  --color-fg-default: #ebebec; /* --dark */
+  --color-fg-muted: #d4d4d4; /* --darkgray */
+  --color-fg-subtle: #d4d4d4; /* --darkgray */
   --color-canvas-default: #0d1117;
   --color-canvas-overlay: #161b22;
   --color-canvas-inset: #010409;
diff --git a/quartz/static/giscus/light.css b/quartz/static/giscus/light.css
index 60224bd53..84b58c0a7 100644
--- a/quartz/static/giscus/light.css
+++ b/quartz/static/giscus/light.css
@@ -40,17 +40,17 @@ main {
   --color-btn-shadow: 0 1px 0 rgb(31 35 40 / 4%);
   --color-btn-inset-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
   --color-btn-hover-bg: #f3f4f6;
-  --color-btn-hover-border: rgb(31 35 40 / 15%);
+  --color-btn-hover-border: rgb(43, 43, 43 / 15%); /* --dark */
   --color-btn-active-bg: hsl(220deg 14% 93% / 100%);
   --color-btn-active-border: rgb(31 35 40 / 15%);
   --color-btn-selected-bg: hsl(220deg 14% 94% / 100%);
   --color-btn-primary-text: #fff;
   --color-btn-primary-bg: #84a59d; /* --tertiary */
-  --color-btn-primary-border: rgb(31 35 40 / 15%);
+  --color-btn-primary-border: rgb(43, 43, 43 / 15%); /* --dark */
   --color-btn-primary-shadow: 0 1px 0 rgb(31 35 40 / 10%);
   --color-btn-primary-inset-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
   --color-btn-primary-hover-bg: #284b63; /* --secondary */
-  --color-btn-primary-hover-border: rgb(31 35 40 / 15%);
+  --color-btn-primary-hover-border: rgb(43, 43, 43 / 15%); /* --dark */
   --color-btn-primary-selected-bg: #284b63; /* --secondary */
   --color-btn-primary-selected-shadow: inset 0 1px 0 rgb(0 45 17 / 20%);
   --color-btn-primary-disabled-text: rgb(255 255 255 / 80%);
@@ -60,9 +60,9 @@ main {
   --color-segmented-control-bg: #eaeef2;
   --color-segmented-control-button-bg: #fff;
   --color-segmented-control-button-selected-border: #8c959f;
-  --color-fg-default: #1f2328;
-  --color-fg-muted: #656d76;
-  --color-fg-subtle: #6e7781;
+  --color-fg-default: #2b2b2b; /* --dark */
+  --color-fg-muted: #4e4e4e; /* --darkgray */
+  --color-fg-subtle: #4e4e4e; /* --darkgray */
   --color-canvas-default: #fff;
   --color-canvas-overlay: #fff;
   --color-canvas-inset: #f6f8fa;