From 75a7b793805ee7736a69f8a1b0c7735d97ee25c5 Mon Sep 17 00:00:00 2001
From: Shish <shish@shishnet.org>
Date: Mon, 25 Dec 2023 13:08:14 +0000
Subject: [PATCH] [themes] set font-size on :root rather than BODY so that REMs
 work consistently

---
 themes/default/style.css  | 6 ++++--
 themes/futaba/style.css   | 6 ++++--
 themes/lite/style.css     | 6 ++++--
 themes/rule34v2/style.css | 6 ++++--
 themes/warm/style.css     | 6 ++++--
 5 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/themes/default/style.css b/themes/default/style.css
index 3ff7a787..4f00b290 100644
--- a/themes/default/style.css
+++ b/themes/default/style.css
@@ -45,12 +45,14 @@
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+:root {
+	font-size: 14px;
+	font-family: sans-serif;
+}
 
 BODY {
 	background: var(--page);
 	color: var(--text);
-	font-family: sans-serif;
-	font-size: 14px;
 	margin: 0;
 }
 H1 {
diff --git a/themes/futaba/style.css b/themes/futaba/style.css
index e0cf705d..cb647ec7 100644
--- a/themes/futaba/style.css
+++ b/themes/futaba/style.css
@@ -2,10 +2,12 @@
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
-
-BODY {
+:root {
 	font-family: arial,helvetica,sans-serif;
 	font-size: 10pt;
+}
+
+BODY {
 	background: #FFFFEE url(fade.png) top center repeat-x;
 	color: #800000;
 	padding-left: 5px;
diff --git a/themes/lite/style.css b/themes/lite/style.css
index 0d8fced9..77f0d6ec 100644
--- a/themes/lite/style.css
+++ b/themes/lite/style.css
@@ -3,10 +3,12 @@
  * http://qwebirc.org/
  */
 
-BODY {
-	background: #F0F7FF;
+:root {
 	font-family: sans-serif;
 	font-size: 14px;
+}
+BODY {
+	background: #F0F7FF;
 	margin: 0;
 }
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
diff --git a/themes/rule34v2/style.css b/themes/rule34v2/style.css
index 94481eb7..45b7daa3 100644
--- a/themes/rule34v2/style.css
+++ b/themes/rule34v2/style.css
@@ -3,10 +3,12 @@
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
-BODY {
-	background: url(bg.png) #ACE4A3;
+:root {
 	font-family: "Arial", sans-serif;
 	font-size: 14px;
+}
+BODY {
+	background: url(bg.png) #ACE4A3;
 	margin: 0;
 }
 #header {
diff --git a/themes/warm/style.css b/themes/warm/style.css
index 616010ee..ba295571 100644
--- a/themes/warm/style.css
+++ b/themes/warm/style.css
@@ -3,10 +3,12 @@
 *                  things common to all pages                    *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
-BODY {
-	background: url(bg.png);
+:root {
 	font-family: "Arial", sans-serif;
 	font-size: 14px;
+}
+BODY {
+	background: url(bg.png);
 	margin: 0;
 }
 HEADER {