Стриминговая платформа Kick: чёрно-графитовый фон и фирменный ярко-зелёный #53fc18.
Плотный стриминговый интерфейс: тёмно, быстро, зелёный на «В эфире».
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #0b0e0f;
--surface: #191b1f;
--foreground: #ffffff;
--muted: #a8b0b5;
--accent: #53fc18;
--palette-1: #0b0e0f;
--palette-2: #191b1f;
--palette-3: #24272c;
--palette-4: #53fc18;
--palette-5: #ffffff;
--radius: 8px;
--shadow: 0 4px 12px rgb(0 0 0 / 0.4);
--gradient: linear-gradient(180deg, #191b1f 0%, #0b0e0f 100%);
--font-heading: Inter;
--font-body: Inter;
}@theme {
--color-background: #0b0e0f;
--color-surface: #191b1f;
--color-foreground: #ffffff;
--color-muted: #a8b0b5;
--color-accent: #53fc18;
--radius-style: 8px;
--shadow-style: 0 4px 12px rgb(0 0 0 / 0.4);
--font-heading: "Inter", sans-serif;
--font-body: "Inter", sans-serif;
}{
"name": "kick",
"color": {
"background": "#0b0e0f",
"surface": "#191b1f",
"foreground": "#ffffff",
"muted": "#a8b0b5",
"accent": "#53fc18"
},
"palette": {
"Фон": "#0b0e0f",
"Поверхность": "#191b1f",
"Линии": "#24272c",
"Акцент": "#53fc18",
"Текст": "#ffffff"
},
"radius": "8px",
"shadow": "0 4px 12px rgb(0 0 0 / 0.4)",
"gradient": "linear-gradient(180deg, #191b1f 0%, #0b0e0f 100%)",
"font": {
"heading": {
"family": "Inter",
"weight": 800,
"tracking": "-0.02em"
},
"body": {
"family": "Inter"
}
}
}