Start moving theme stuff into variables.

8 files changed, 32 insertions, 8 deletions

diff --git a/theme0a.css b/theme0a.css
index b7b4a69..119d19d 100644
--- a/theme0a.css
+++ b/theme0a.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #F9EFF6;
+}
 body{
-	background-color: #F9EFF6;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern0a.png");
 	background-repeat: repeat;
 	color: #000;
diff --git a/theme0b.css b/theme0b.css
index 0748141..e820160 100644
--- a/theme0b.css
+++ b/theme0b.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #2F0933;
+}
 body{
-	background-color: #2F0933;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern0b.png");
 	background-repeat: repeat;
 	color: #FFF;
diff --git a/theme1a.css b/theme1a.css
index 0c80568..3b41360 100644
--- a/theme1a.css
+++ b/theme1a.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #FFF;
+}
 body{
-	background-color: #FFF;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern1a.png");
 	background-repeat: repeat;
 	color: #000;
diff --git a/theme1b.css b/theme1b.css
index c373877..6da0da2 100644
--- a/theme1b.css
+++ b/theme1b.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #090933;
+}
 body{
-	background-color: #090933;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern1b.png");
 	background-repeat: repeat;
 	color: #FFF;
diff --git a/theme2a.css b/theme2a.css
index 82fbfcf..18da739 100644
--- a/theme2a.css
+++ b/theme2a.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #F9F2EF;
+}
 body{
-	background-color: #F9F2EF;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern2a.png");
 	background-repeat: repeat;
 	color: #000;
diff --git a/theme2b.css b/theme2b.css
index 95a49e2..eae4c55 100644
--- a/theme2b.css
+++ b/theme2b.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #1F1205;
+}
 body{
-	background-color: #1F1205;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern2b.png");
 	background-repeat: repeat;
 	color: #FFF;
diff --git a/theme3a.css b/theme3a.css
index ea1df25..927dc3e 100644
--- a/theme3a.css
+++ b/theme3a.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #EFF4F9;
+}
 body{
-	background-color: #EFF4F9;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern3a.png");
 	background-repeat: repeat;
 	color: #000;
diff --git a/theme3b.css b/theme3b.css
index a368935..2f7ac36 100644
--- a/theme3b.css
+++ b/theme3b.css
@@ -1,5 +1,8 @@
+:root {
+	--bg-primary: #051933;
+}
 body{
-	background-color: #051933;
+	background-color: var(--bg-primary);
 	background-image: url("/pattern3b.png");
 	background-repeat: repeat;
 	color: #FFF;