Jakie są kolory marki gitnimble.com?

Główne kolory gitnimble.com to #005bff (akcent), #ffffff (tło) i #282a2f (tekst). Pełna paleta 9 kolorów, z rolą każdego z nich, jest na tej stronie jako kody hex.

Jaki jest kod hex gitnimble.com?

Kolor akcentu na gitnimble.com to #005bff; tło strony to #ffffff, a główny kolor tekstu #282a2f. Każdy zmierzono na wyrenderowanej stronie, więc to jest to, co widzą odwiedzający, a nie wartość z przewodnika stylu.

Jak użyć kolorów gitnimble.com w Tailwind lub CSS?

Skopiuj zmienne CSS lub motyw Tailwind v4 z tej strony albo pobierz pakiet designu: zawiera tokens.json (tokeny designu W3C), tokens.css i tailwind.css z tymi samymi wartościami.

Paleta kolorów gitnimble.com: kody hex i CSS

Paleta

Kolory: 9

Kolory	Rola	Hex	RGB	Jasny / ciemny
`background`	Page background	`#ffffff`	`rgb(255 255 255)`	`#0b0d12`
`surface`	Cards, panels, raised or recessed surfaces	`#fafafa`	`rgb(250 250 250)`	`#10131a`
`surface-2`	Secondary surface	`#ebebeb`	`rgb(235 235 235)`	`#202124`
`foreground`	Primary text	`#282a2f`	`rgb(40 42 47)`	`#f7f8fb`
`muted-foreground`	Secondary text, captions	`#5a5e66`	`rgb(90 94 102)`	`#b8bdc8`
`primary`	Candidate accent (semantic role inferred)	`#005bff`	`rgb(0 91 255)`	`#005bff`
`on-primary`	Text on the accent	`#ffffff`	`rgb(255 255 255)`	`#ffffff`
`secondary`	Secondary accent (orange)	`#d97757`	`rgb(217 119 87)`	`#d97757`
`border`	Hairlines, dividers, input borders	`#ebebeb`	`rgb(235 235 235)`	`#23252a`

Zmienne CSS

Każdy kolor jako custom property, nazwana według roli. Blok ciemny pojawia się, gdy strona ma ciemny motyw.

1:root {
2  --color-background: #ffffff;
3  --color-surface: #fafafa;
4  --color-surface-2: #ebebeb;
5  --color-foreground: #282a2f;
6  --color-muted-foreground: #5a5e66;
7  --color-primary: #005bff;
8  --color-on-primary: #ffffff;
9  --color-secondary: #d97757;
10  --color-border: #ebebeb;
11}
12
13[data-theme="dark"] {
14  --color-background: #0b0d12;
15  --color-surface: #10131a;
16  --color-surface-2: #202124;
17  --color-foreground: #f7f8fb;
18  --color-muted-foreground: #b8bdc8;
19  --color-primary: #005bff;
20  --color-on-primary: #ffffff;
21  --color-secondary: #d97757;
22  --color-border: #23252a;
23}

Dla agentów AI

Pakiet to zwykły tekst, bez klucza: pobierz DESIGN.md albo przekaż cały pakiet do Claude Code, Cursor lub Copilot przez serwer MCP.

curl -s https://stylepack.ai/packs/gitnimble.com/DESIGN.md

Paleta

Pytania

Jakie są kolory marki gitnimble.com?

Jaki jest kod hex gitnimble.com?

Jak użyć kolorów gitnimble.com w Tailwind lub CSS?