From 2eb8c495a8b03a155ad9130ff54c8f78a92a5e34 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Fri, 18 Aug 2023 20:52:20 +0100
Subject: Adds base theme

---
 public/css/base/index.css | 3 ++-
 public/css/base/theme.css | 9 +++++++++
 public/main.css           | 5 -----
 3 files changed, 11 insertions(+), 6 deletions(-)
 create mode 100644 public/css/base/theme.css

diff --git a/public/css/base/index.css b/public/css/base/index.css
index 5fcf00b..169a60f 100644
--- a/public/css/base/index.css
+++ b/public/css/base/index.css
@@ -1 +1,2 @@
-@import './typography.css';
\ No newline at end of file
+@import './typography.css';
+@import './theme.css';
\ No newline at end of file
diff --git a/public/css/base/theme.css b/public/css/base/theme.css
new file mode 100644
index 0000000..5ee8b4b
--- /dev/null
+++ b/public/css/base/theme.css
@@ -0,0 +1,9 @@
+:root {
+  color: var(--text-color);
+  background-color: var(--background-color);
+}
+
+:is(main, article) {
+  color: var(--text-color);
+  background-color: var(--background-color);
+}
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index df43e4a..4c5276a 100644
--- a/public/main.css
+++ b/public/main.css
@@ -4,16 +4,11 @@
 
 :root {
   scroll-behavior: smooth;
-  color: var(--text-color);
-  background-color: var(--background-color);
 }
 
 :is(main, article) {
   container-name: main;
   container-type: inline-size;
-
-  color: var(--text-color);
-  background-color: var(--background-color);
 }
 
 :is(main, article) > :is(section, header):not(:is(section, header) :is(section, header)) {
-- 
cgit v1.2.3