From bd5104b2adbc4d36a8055612bd270ebe483e5233 Mon Sep 17 00:00:00 2001
From: Lorenzo Lewis <lorenzo_lewis@icloud.com>
Date: Thu, 3 Aug 2023 22:04:34 +0100
Subject: [PATCH] override light theme for now

Signed-off-by: Lorenzo Lewis <lorenzo_lewis@icloud.com>
---
 astro.config.mjs      |  4 ++--
 src/styles/custom.css | 51 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 53 insertions(+), 2 deletions(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index ce75d2f2c..27896cee5 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -19,8 +19,8 @@ export default defineConfig({
       title: 'Tauri',
       description: 'The cross-platform app building toolkit',
       logo: {
-        dark: './src/assets/logo.svg',
-        light: './src/assets/logo_light.svg',
+        src: './src/assets/logo.svg',
+        // light: './src/assets/logo_light.svg',
         replacesTitle: true,
       },
       social: {
diff --git a/src/styles/custom.css b/src/styles/custom.css
index fa18072fe..efd39be89 100644
--- a/src/styles/custom.css
+++ b/src/styles/custom.css
@@ -52,6 +52,57 @@
   --tauri-transition-speed: 200ms;
 }
 
+:root[data-theme='light'] {
+  --sl-color-white: hsl(0, 0%, 100%);
+  --sl-color-gray-1: hsl(231, 23%, 94%);
+  --sl-color-gray-2: hsl(228, 8%, 77%);
+  --sl-color-gray-3: hsl(221, 8%, 56%);
+  --sl-color-gray-4: hsl(225, 9%, 36%);
+  --sl-color-gray-5: hsl(222, 11%, 23%);
+  --sl-color-gray-6: hsl(180, 2%, 10%);
+  --sl-color-black: hsl(0, 0%, 7%);
+
+  --sl-hue-orange: 41;
+  --sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
+  --sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
+  --sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
+  --sl-hue-green: 101;
+  --sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
+  --sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
+  --sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
+  --sl-hue-blue: 234;
+  --sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
+  --sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
+  --sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
+  --sl-hue-purple: 281;
+  --sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
+  --sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
+  --sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
+  --sl-hue-red: 339;
+  --sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
+  --sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
+  --sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);
+
+  --sl-hue-accent: var(--sl-hue-blue);
+  --sl-color-accent-low: hsl(var(--sl-hue-accent), 54%, 20%);
+  --sl-color-accent: hsl(var(--sl-hue-accent), 100%, 60%);
+  --sl-color-accent-high: hsl(var(--sl-hue-accent), 100%, 87%);
+
+  --sl-color-text: var(--sl-color-gray-2);
+  --sl-color-text-accent: var(--sl-color-accent-high);
+  --sl-color-text-invert: var(--sl-color-accent-low);
+  --sl-color-bg: var(--sl-color-black);
+  --sl-color-bg-nav: var(--sl-color-gray-6);
+  --sl-color-bg-sidebar: var(--sl-color-gray-6);
+  --sl-color-bg-inline-code: var(--sl-color-gray-5);
+  --sl-color-hairline-light: var(--sl-color-gray-5);
+  --sl-color-hairline: var(--sl-color-gray-6);
+  --sl-color-hairline-shade: var(--sl-color-black);
+
+  --sl-hue-blue: 186;
+  --sl-hue-orange: 42;
+}
+
 .content details {
   padding: 0 1rem;
 }