From db960c0fe44c4c6df7cccef2b95d21c658a884f7 Mon Sep 17 00:00:00 2001
From: eclipse <eclipse@unterdemradar.de>
Date: Sat, 8 Feb 2025 14:39:03 +0100
Subject: [PATCH] made minor improvements, removed out-commented stuff

---
 theme/static/css/custom.css | 40 +++++++++++++------------------------
 1 file changed, 14 insertions(+), 26 deletions(-)

diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css
index 282815f..2aa5a12 100644
--- a/theme/static/css/custom.css
+++ b/theme/static/css/custom.css
@@ -26,10 +26,6 @@
   --pico-font-family-sans-serif: LinBiolinum, system-ui, "Segoe UI", Roboto,
     Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif,
     var(--pico-font-family-emoji);
-
-  /* define gradients as variables */
-  /*   --bg-gradient-light: linear-gradient(to right, #FCEFD9, white, #FCEFD9);
-  --bg-gradient-dark: linear-gradient(to right, #4D3700, black, #4D3700); */
 }
 
 /* don't underline links by default */
@@ -139,16 +135,7 @@ a {
  */
 /* Light color scheme (default); can be forced with data-theme="light" */
 [data-theme="light"],
-:root:not([data-theme="dark"]) {
-  #sun-moon:not(:checked)::before {
-    background-color: var(--pico-color);
-  }
-
-  #sun-moon:not([aria-invalid]) {
-    border-color: var(--pico-primary);
-  }
-
-}
+:root:not([data-theme="dark"]) {}
 
 /* Dark color scheme. Everything must be set twice:
   - once for automatically enabled dark mode
@@ -156,9 +143,6 @@ a {
  */
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme]) {
-    #jumbotron-title {
-      border-bottom: thin solid white;
-    }
 
     #main-header h1,
     #site-footer p {
@@ -169,9 +153,6 @@ a {
 }
 
 [data-theme="dark"] {
-  #jumbotron-title {
-    border-bottom: thin solid white;
-  }
 
   #main-header h1,
   #site-footer p {
@@ -185,7 +166,7 @@ a {
  */
 /* Jumbotron */
 #jumbotron-title {
-  border-bottom: thin solid black;
+  border-bottom: thin solid var(--pico-h1-color);
 
   h1 {
     font-size: 3rem;
@@ -227,9 +208,15 @@ a {
   font-size: calc(var(--pico-font-size) * 2);
 }
 
-/* change background color of theme toggle from gray to amber when light theme is active */
-#sun-moon {
-  background-color: var(--pico-primary);
+/* change color of sun icon to white*/
+#sun-moon:not(:checked)::before {
+  background-color: var(--pico-color);
+}
+
+/* change background & border color of theme toggle */
+#sun-moon:not([aria-invalid]) {
+  background-color: var(--pico-primary-background);
+  border-color: var(--pico-primary-border);
 }
 
 /* move theme toggle switch to the right when inside dropdown menu */
@@ -242,13 +229,12 @@ a {
 #main-header h1,
 #site-footer p {
   background: var(--pico-card-sectioning-background-color);
-  /* var(--bg-gradient-light); */
   box-shadow: var(--pico-card-box-shadow);
   padding: calc(var(--pico-block-spacing-horizontal) * 0.5) calc(var(--pico-block-spacing-vertical) * 0.5);
   text-align: center;
 }
 
-/* Nested flex settings for layout of cards and layout within each card */
+/* flex settings for layout of cards */
 .cards {
   display: flex;
   flex-flow: row wrap;
@@ -257,6 +243,7 @@ a {
   justify-content: space-between;
 }
 
+/* flexitem settings for cards, flex settings for single card */
 .card {
   display: flex;
   flex-flow: column nowrap;
@@ -267,6 +254,7 @@ a {
   box-shadow: var(--pico-card-box-shadow);
 }
 
+/* flexitem settings for single card */
 .article-header {
   flex: 0 0 3.5lh;
   /* set card header to fixed height equivalent to two lines of text */