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
zjedi · Oct 1, 2023 · 1be26f8 · 1be26f8
1 parent dad8d5e
commit 1be26f8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git 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
@@ -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;