From 1be26f8549a7f58db7abee6959530de6fdcd068d Mon Sep 17 00:00:00 2001
From: Felix Frank <felix.frank.de@gmail.com>
Date: Sun, 1 Oct 2023 16:54:28 +0200
Subject: [PATCH] more consistent style in dedicated pages #116

* introduce new variables for colors in single pages
* colors default to light section settings
* adapt the class selector in theme.scss to match the html
* use new variables in the page-template class
---
 assets/css/theme.scss     | 5 ++++-
 assets/css/variables.scss | 3 +++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/css/theme.scss b/assets/css/theme.scss
index 7604944..d380f82 100644
--- a/assets/css/theme.scss
+++ b/assets/css/theme.scss
@@ -216,7 +216,10 @@ a.fn-item {
 }
 
 /* ======= Single pages =========== */
-.post-template {
+.page-template {
+
+  background-color: var(--single-page-bg-color);
+  color: var(--single-page-text-color);
 
   // Tweak the .post wrapper style
   .post {
diff --git a/assets/css/variables.scss b/assets/css/variables.scss
index c073a03..a5f8400 100644
--- a/assets/css/variables.scss
+++ b/assets/css/variables.scss
@@ -34,6 +34,9 @@
     /* Light&Dark section `code` a bit darker than 'Light section - background color' */
     --section-uni-code-bg-color: #e0ded7;
 
+    /* === Single pages=== */
+    --single-page-text-color: var(--section-light-text-color);
+    --single-page-bg-color: var(--section-light-bg-color);
 
     /* === Footer === */
     --footer-color-background: #22343a;