Was sind die Markenfarben von chatbase.co?

Die Hauptfarben von chatbase.co sind #000000 (Akzent), #ffffff (Hintergrund) und #09090b (Text). Die vollständige Palette aus 8 Farben, mit der Rolle jeder Farbe, steht auf dieser Seite als Hex-Codes.

Was ist der Hex-Code von chatbase.co?

Die Akzentfarbe auf chatbase.co ist #000000; der Seitenhintergrund ist #ffffff und die Haupttextfarbe #09090b. Jede ist an der gerenderten Seite gemessen, also das, was Besucher sehen, kein Wert aus einem Styleguide.

Wie nutze ich die Farben von chatbase.co in Tailwind oder CSS?

Kopiere die CSS-Variablen oder das Tailwind v4 Theme auf dieser Seite, oder lade das Designpaket herunter: Es enthält tokens.json (W3C Design-Tokens), tokens.css und tailwind.css mit denselben Werten.

chatbase.co Farbpalette: Hex-Codes und CSS

Palette

8 Farben

Farben	Rolle	Hex	RGB	Hell / dunkel
`background`	Page background	`#ffffff`	`rgb(255 255 255)`	`#ffffff`
`surface`	Cards, panels, raised or recessed surfaces	`#eaecf7`	`rgb(234 236 247)`	`#eaecf7`
`foreground`	Primary text	`#09090b`	`rgb(9 9 11)`	`#09090b`
`muted-foreground`	Secondary text, captions	`#52525b`	`rgb(82 82 91)`	`#52525b`
`primary`	Candidate accent (semantic role inferred)	`#000000`	`rgb(0 0 0)`	`#000000`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#ffffff`
`secondary`	Secondary accent (blue)	`#2c41b3`	`rgb(44 65 179)`	`#2c41b3`
`border`	Hairlines, dividers, input borders	`#e4e4e7`	`rgb(228 228 231)`	`#e4e4e7`

CSS-Variablen

Jede Farbe als Custom Property, benannt nach ihrer Rolle. Der Dark-Block ist da, wenn die Seite ein dunkles Theme hat.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #eaecf7;
4  --color-foreground: #09090b;
5  --color-muted-foreground: #52525b;
6  --color-primary: #000000;
7  --color-on-primary: #ffffff;
8  --color-secondary: #2c41b3;
9  --color-border: #e4e4e7;
10}
11
12[data-theme="dark"] {
13  --color-background: #ffffff;
14  --color-surface: #eaecf7;
15  --color-foreground: #09090b;
16  --color-muted-foreground: #52525b;
17  --color-primary: #000000;
18  --color-on-primary: #ffffff;
19  --color-secondary: #2c41b3;
20  --color-border: #e4e4e7;
21}

Für KI-Agenten

Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.

curl -s https://stylepack.ai/packs/chatbase.co/DESIGN.md

Die Farbpalette von chatbase.co