itsfinniii/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add colors to the website and calculate text color for background colors

Browse Source
This commit is contained in:
itsfinniii
2026-03-26 21:59:04 +01:00
parent d94f77a958
commit 1e839680b4
4 changed files with 44 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
astro/src/layouts/BlogLayout.astro
View File

@@ -1,6 +1,7 @@
---
import '@/styles/global.css';
import { getSettings } from "@/content/settings/settings";
import { getTextColor } from '@/lib/colors';
interface Props {
settings: BlogLayoutProps;
@@ -11,7 +12,11 @@ const settings = await getSettings();
const css = {
"--ptc": settings.website.colors.primary,
"--stc": settings.website.colors.secondary ?? settings.website.colors.primary
"--stc": settings.website.colors.secondary ?? settings.website.colors.primary,
"--ptt": getTextColor(settings.website.colors.primary),
"--stt": settings.website.colors.secondary
? getTextColor(settings.website.colors.secondary)
: getTextColor(settings.website.colors.primary)
};
---
@@ -72,7 +77,7 @@ const css = {
<!-- Scripts and Style -->
</head>
<body style={ css }>
<body style={ css } class="bg-[#fcfcfc]">
<slot name="content" />
</body>
</html>

9
astro/src/layouts/ProjectLayout.astro
View File

@@ -1,6 +1,7 @@
---
import '@/styles/global.css';
import { getSettings } from "@/content/settings/settings";
import { getTextColor } from '@/lib/colors';
interface Props {
settings: BlogLayoutProps;
@@ -11,7 +12,11 @@ const settings = await getSettings();
const css = {
"--ptc": settings.website.colors.primary,
"--stc": settings.website.colors.secondary ?? settings.website.colors.primary
"--stc": settings.website.colors.secondary ?? settings.website.colors.primary,
"--ptt": getTextColor(settings.website.colors.primary),
"--stt": settings.website.colors.secondary
? getTextColor(settings.website.colors.secondary)
: getTextColor(settings.website.colors.primary)
};
---
@@ -72,7 +77,7 @@ const css = {
<!-- Scripts and Style -->
</head>
<body style={ css }>
<body style={ css } class="bg-[#fcfcfc]">
<slot name="content" />
</body>
</html>

9
astro/src/layouts/WebpageLayout.astro
View File

@@ -1,6 +1,7 @@
---
import '@/styles/global.css';
import { getSettings } from "@/content/settings/settings";
import { getTextColor } from '@/lib/colors';
interface Props {
settings: WebpageLayoutProps;
@@ -11,7 +12,11 @@ const settings = await getSettings();
const css = {
"--ptc": settings.website.colors.primary,
"--stc": settings.website.colors.secondary ?? settings.website.colors.primary
"--stc": settings.website.colors.secondary ?? settings.website.colors.primary,
"--ptt": getTextColor(settings.website.colors.primary),
"--stt": settings.website.colors.secondary
? getTextColor(settings.website.colors.secondary)
: getTextColor(settings.website.colors.primary)
};
---
@@ -69,7 +74,7 @@ const css = {
<!-- Scripts and Style -->
</head>
<body style={ css }>
<body style={ css } class="bg-[#fcfcfc]">
<slot name="content" />
</body>
</html>