Skip to content

Commit 52ed3f9

Browse files
maiertechmaiertech
authored
Use new color scheme (#1006)
Fixes #1005
1 parent 7384373 commit 52ed3f9

7 files changed

Lines changed: 118 additions & 115 deletions

File tree

‎package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,12 @@
1919
"@eslint/js": "^9.32.0",
2020
"@fontsource/roboto": "^5.2.6",
2121
"@fontsource/spectral": "^5.2.6",
22-
"@lucide/svelte": "^0.536.0",
23-
"@maiertech/sveltekit-helpers": "^0.29.0",
22+
"@lucide/svelte": "^0.537.0",
23+
"@maiertech/sveltekit-helpers": "^0.30.1",
2424
"@playwright/test": "^1.54.2",
2525
"@stackblitz/sdk": "^1.11.0",
2626
"@sveltejs/adapter-vercel": "^5.8.1",
27-
"@sveltejs/kit": "^2.27.0",
27+
"@sveltejs/kit": "^2.27.2",
2828
"@sveltejs/vite-plugin-svelte": "^6.1.0",
2929
"@tailwindcss/vite": "^4.1.11",
3030
"@types/node": "^24.2.0",
@@ -39,15 +39,15 @@
3939
"prettier-plugin-tailwindcss": "^0.6.14",
4040
"shiki": "^3.9.2",
4141
"simple-icons": "^15.9.0",
42-
"svelte": "^5.37.3",
42+
"svelte": "^5.38.0",
4343
"svelte-check": "^4.3.1",
4444
"sveltekit-embed": "^0.0.22",
4545
"tailwind-merge": "^3.3.1",
4646
"tailwindcss": "^4.1.11",
4747
"typescript": "^5.9.2",
4848
"typescript-eslint": "^8.39.0",
49-
"vite": "^7.0.6",
50-
"zod": "^4.0.14"
49+
"vite": "^7.1.0",
50+
"zod": "^4.0.15"
5151
},
5252
"pnpm": {
5353
"onlyBuiltDependencies": [

‎pnpm-lock.yaml‎

Lines changed: 90 additions & 83 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/app.css‎

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -23,24 +23,27 @@
2323
@source '../node_modules/@maiertech/sveltekit-helpers/**/*.{js,svelte}';
2424

2525
@theme {
26+
/* No color defintions. Just trigger utility class generation. */
27+
--color-ink: var(--color-ink);
28+
--color-ink-muted: var(--color-ink-muted);
29+
--color-surface: var(--color-surface);
30+
--color-surface-muted: var(--color-surface-muted);
31+
--color-surface-intense: var(--color-surface-intense);
32+
--color-primary: var(--color-primary);
33+
--color-primary-muted: var(--color-primary-muted);
34+
--color-secondary: var(--color-secondary);
35+
--color-secondary-muted: var(--color-secondary-muted);
36+
--color-green: var(--color-green);
37+
--color-red: var(--color-red);
38+
2639
--font-*: initial;
2740
--font-sans:
2841
Roboto, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
2942
'Segoe UI Symbol', 'Noto Color Emoji';
3043
--font-serif: Spectral, ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
31-
32-
--color-ink: var(--ink);
33-
--color-surface: var(--surface);
34-
--color-primary: var(--primary);
35-
--color-secondary: var(--secondary);
36-
--color-accent: var(--accent);
3744
}
3845

3946
@layer base {
40-
:root {
41-
@apply bg-surface text-pretty text-ink;
42-
}
43-
4447
a {
4548
@apply underline;
4649
}

‎src/app.html‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,12 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
%sveltekit.head%
88
</head>
9-
<body data-sveltekit-preload-data="hover">
9+
<body
10+
data-theme="maiertech"
11+
data-mode="system"
12+
data-sveltekit-preload-data="hover"
13+
class="bg-surface text-ink"
14+
>
1015
<div style="display: contents">%sveltekit.body%</div>
1116
</body>
1217
</html>

‎src/lib/components/Footer.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
<div
88
data-component="Footer"
9-
class="flex flex-col items-center gap-6 bg-secondary py-[clamp(1.5rem,3vw,2rem)]"
9+
class="flex flex-col items-center gap-6 bg-surface-muted py-[clamp(1.5rem,3vw,2rem)]"
1010
>
1111
<nav aria-label="Footer" class="flex flex-wrap justify-center gap-[clamp(1rem,2vw,1.5rem)]">
1212
{#each navLinks as link (link.title)}

‎src/routes/+layout.svelte‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
import { Container, PageLayout, SeoBasic, SeoOgImage } from '@maiertech/sveltekit-helpers';
55
import type { LayoutProps } from './$types';
66
7-
import '@maiertech/sveltekit-helpers/themes/default.css'; // First import the theme, then the styles.
7+
import '@maiertech/sveltekit-helpers/themes/maiertech.css';
88
import '../app.css';
99
1010
let { data, children }: LayoutProps = $props();

‎src/routes/+page.svelte‎

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<script lang="ts">
22
import { Posts } from '$lib/components';
3-
import { Button, NotePreview } from '@maiertech/sveltekit-helpers';
3+
import { NotePreview } from '@maiertech/sveltekit-helpers';
44
import type { PageProps } from './$types';
55
66
let { data }: PageProps = $props();
@@ -19,15 +19,3 @@
1919
<section class="mb-12">
2020
<Posts posts={data.posts} />
2121
</section>
22-
23-
<section class="grid grid-cols-1 gap-[clamp(1.5rem,3vw,2rem)] md:grid-cols-2 lg:grid-cols-3">
24-
{#each data.topics as topic (topic.label)}
25-
<article
26-
class="flex flex-col items-start gap-[clamp(1.5rem,3vw,2rem)] rounded-md bg-secondary p-[clamp(1rem,2vw,1.5rem)]"
27-
>
28-
<h2 class="text-2xl font-semibold">{topic.label}</h2>
29-
<p class="flex-1 leading-6">{topic.description}</p>
30-
<Button href={topic.path}>Check out posts</Button>
31-
</article>
32-
{/each}
33-
</section>

0 commit comments

Comments
 (0)