Thinkport

CustomStyles

Globale Theme-Variablen

Die Komponente importiert @fontsource-variable/inter und setzt per inline style-Tag die Astrowind-Variablen (--aw-color-*, --aw-font-*) für :root und .dark. Sie ist bereits in Layout.astro und legal-notice/embed eingebunden — hier keine zweite Instanz in der Vorschau, um doppelte Style-Blöcke zu vermeiden.

Codebeispiel

import CustomStyles from '~/components/CustomStyles.astro';

<head>
<CustomStyles />
</head>

Wiki-Dokumentation Quellcode

Inhalt (Kurz)

Bereich	Beschreibung
Schrift	`--aw-font-sans`, `--aw-font-serif`, `--aw-font-heading` (Montserrat + Inter Variable)
Light	u. a. Primary `#ff5722`, Secondary `#0b2649`, Accent `#00bcd4`, Text `#0b2649`
Dark	`.dark`: getauschte Akzentfarben, Text und Page-Background angepasst
Sonstiges	`::selection`-Farben in Light/Dark

Anpassungen erfolgen direkt in CustomStyles.astroExterne WebsiteSie verlassen diese Website; die Komponente hat keine Props.