From a00a0712b1d1f394cdb8fab634c8b9666d15da12 Mon Sep 17 00:00:00 2001
From: dvs1
Date: Wed, 24 Dec 2025 15:24:02 +1000
Subject: Detect browsers preferred theme.

---
 default.template | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

(limited to 'default.template')

diff --git a/default.template b/default.template
index baefad1..f73a771 100644
--- a/default.template
+++ b/default.template
@@ -45,12 +45,7 @@
       .boxMenu    {grid-area: menu;    grid-column: 1 / 1; grid-row: 3 / 3; height: min-content; vertical-align: top; padding: 4px; overflow-x: auto; overflow-y: auto;}
       .boxBody    {grid-area: body;    grid-column: 2 / 4; grid-row: 3 / 3; vertical-align: top;
         height: 100%; width: 100%;
-        background: black; color: white;
       }
-      .boxBody a:active  {color: red;}
-      .boxBody a:link    {color: orange;}
-      .boxBody a:visited {color: $onefangGreen$;}
-      .boxBody a:hover   {color: red;}
 
       .boxHistory {grid-area: history; grid-column: 1 / 1; grid-row: 4 / 4; height: min-content;}
       .boxFoot    {grid-area: foot;    grid-column: 2 / 4; grid-row: 4 / 4; height: min-content; text-align: right;}
@@ -68,12 +63,32 @@
 //      #modeToggleMenu:checked ~ .boxTools  {display: none;}
 //      #modeToggleMenu:checked ~ .boxMenu  {display: none; width: 0px; max-width: 0px; }
 
+      .boxBody {background: black; color: white;}
+      .boxBody a:active  {color: red;}
+      .boxBody a:link    {color: orange;}
+      .boxBody a:visited {color: $onefangGreen$;}
+      .boxBody a:hover   {color: red;}
       #modeToggleBody:checked ~ .boxBody  {background: white; color: black;}
       #modeToggleBody:checked ~ .boxBody a:active  {color: $devuanDevuanalink$;}
       #modeToggleBody:checked ~ .boxBody a:link    {color: $devuanDevuanlink$;}
       #modeToggleBody:checked ~ .boxBody a:visited {color: $devuanDevuanvlink$;}
       #modeToggleBody:checked ~ .boxBody a:hover   {color: $devuanDevuanhlink$;}
 
+      @media (prefers-color-scheme: dark) {
+      }
+      @media (prefers-color-scheme: light) {
+        .boxBody {background: white; color: black;}
+        .boxBody a:active  {color: $devuanDevuanalink$;}
+        .boxBody a:link    {color: $devuanDevuanlink$;}
+        .boxBody a:visited {color: $devuanDevuanvlink$;}
+        .boxBody a:hover   {color: $devuanDevuanhlink$;}
+        #modeToggleBody:checked ~ .boxBody  {background: black; color: white;}
+        #modeToggleBody:checked ~ .boxBody a:active  {color: red;}
+        #modeToggleBody:checked ~ .boxBody a:link    {color: orange;}
+        #modeToggleBody:checked ~ .boxBody a:visited {color: $onefangGreen$;}
+        #modeToggleBody:checked ~ .boxBody a:hover   {color: red;}
+      }
+
       #modeToggleMenu:checked ~ .boxHistory  {display: none;}
       #modeToggleMenu:checked ~ .boxFoot  {display: none;}
       #modeToggleMenu:checked ~ .boxnyaw  {display: none;}
-- 
cgit v1.1