From da4833e6d76ec9ae588a26da75e6fa506b72b5bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=98yvind=20Thune?= Date: Tue, 5 Nov 2024 17:13:09 +0100 Subject: [PATCH 01/24] Stuff --- apps/theme/app/globals.css | 4 +- apps/theme/app/layout.tsx | 9 +- apps/theme/app/page.module.css | 133 +------- apps/theme/app/page.tsx | 55 ++- .../Previews/Components/Components.module.css | 75 +---- .../Previews/Components/Components.tsx | 318 ++---------------- .../components/Previews/Previews.module.css | 3 +- apps/theme/components/Previews/Previews.tsx | 125 +++---- .../components/ThemeWrapper/ThemeWrapper.tsx | 18 + apps/theme/store.ts | 8 + 10 files changed, 148 insertions(+), 600 deletions(-) create mode 100644 apps/theme/components/ThemeWrapper/ThemeWrapper.tsx diff --git a/apps/theme/app/globals.css b/apps/theme/app/globals.css index b5b9d14202..8511027f0c 100644 --- a/apps/theme/app/globals.css +++ b/apps/theme/app/globals.css @@ -31,6 +31,6 @@ code { border-radius: 2px; } -.content { - min-height: 100vh; +[data-theme='two'] { + --ds-color-accent-base-default: red; } diff --git a/apps/theme/app/layout.tsx b/apps/theme/app/layout.tsx index 57cefa9803..8ead490e41 100644 --- a/apps/theme/app/layout.tsx +++ b/apps/theme/app/layout.tsx @@ -4,6 +4,7 @@ import '@digdir/designsystemet-css'; import '@digdir/designsystemet-theme'; import { EnvelopeClosedIcon } from '@navikt/aksel-icons'; import { Figma, Footer, Github, Header, Slack } from '@repo/components'; +import { ThemeWrapper } from '../components/ThemeWrapper/ThemeWrapper'; export const metadata: Metadata = { title: 'Temabygger - Designsystemet', @@ -67,9 +68,11 @@ export default function RootLayout({ return ( -
-
{children}
-