From d94f77a9586d41afd43bd1a71ac0ebc5235c1408 Mon Sep 17 00:00:00 2001
From: itsfinniii <102350242+itsfinniii@users.noreply.github.com>
Date: Thu, 26 Mar 2026 21:49:05 +0100
Subject: [PATCH] Add CSS styling with primary and secondary color to the
layout files
---
astro/src/layouts/BlogLayout.astro | 7 ++++++-
astro/src/layouts/ProjectLayout.astro | 7 ++++++-
astro/src/layouts/WebpageLayout.astro | 7 ++++++-
3 files changed, 18 insertions(+), 3 deletions(-)
diff --git a/astro/src/layouts/BlogLayout.astro b/astro/src/layouts/BlogLayout.astro
index 5ca4adb..4fc31f7 100644
--- a/astro/src/layouts/BlogLayout.astro
+++ b/astro/src/layouts/BlogLayout.astro
@@ -8,6 +8,11 @@ interface Props {
const pageSettings = Astro.props.settings.searchEngine;
const settings = await getSettings();
+
+const css = {
+ "--ptc": settings.website.colors.primary,
+ "--stc": settings.website.colors.secondary ?? settings.website.colors.primary
+};
---
@@ -67,7 +72,7 @@ const settings = await getSettings();
-
+
\ No newline at end of file
diff --git a/astro/src/layouts/ProjectLayout.astro b/astro/src/layouts/ProjectLayout.astro
index 5ca4adb..4fc31f7 100644
--- a/astro/src/layouts/ProjectLayout.astro
+++ b/astro/src/layouts/ProjectLayout.astro
@@ -8,6 +8,11 @@ interface Props {
const pageSettings = Astro.props.settings.searchEngine;
const settings = await getSettings();
+
+const css = {
+ "--ptc": settings.website.colors.primary,
+ "--stc": settings.website.colors.secondary ?? settings.website.colors.primary
+};
---
@@ -67,7 +72,7 @@ const settings = await getSettings();
-
+
\ No newline at end of file
diff --git a/astro/src/layouts/WebpageLayout.astro b/astro/src/layouts/WebpageLayout.astro
index ffa67cd..6b56176 100644
--- a/astro/src/layouts/WebpageLayout.astro
+++ b/astro/src/layouts/WebpageLayout.astro
@@ -8,6 +8,11 @@ interface Props {
const pageSettings = Astro.props.settings.searchEngine;
const settings = await getSettings();
+
+const css = {
+ "--ptc": settings.website.colors.primary,
+ "--stc": settings.website.colors.secondary ?? settings.website.colors.primary
+};
---
@@ -64,7 +69,7 @@ const settings = await getSettings();
-
+