Чистый чёрный, белая типографика и фирменный жёлтый Rockstar только в мелких акцентах.
Кинематографичный чёрный: иллюстрации говорят, интерфейс молчит.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #0b0b0b;
--surface: #1a1a1a;
--foreground: #ffffff;
--muted: #9a9a9a;
--accent: #fcaf17;
--palette-1: #000000;
--palette-2: #0b0b0b;
--palette-3: #1a1a1a;
--palette-4: #fcaf17;
--palette-5: #ffffff;
--radius: 4px;
--shadow: 0 12px 32px rgb(0 0 0 / 0.6);
--gradient: linear-gradient(180deg, #1a1a1a 0%, #0b0b0b 100%);
--font-heading: Rockstar Sans;
--font-body: Inter;
}@theme {
--color-background: #0b0b0b;
--color-surface: #1a1a1a;
--color-foreground: #ffffff;
--color-muted: #9a9a9a;
--color-accent: #fcaf17;
--radius-style: 4px;
--shadow-style: 0 12px 32px rgb(0 0 0 / 0.6);
--font-heading: "Rockstar Sans", sans-serif;
--font-body: "Inter", sans-serif;
}{
"name": "rockstar-games",
"color": {
"background": "#0b0b0b",
"surface": "#1a1a1a",
"foreground": "#ffffff",
"muted": "#9a9a9a",
"accent": "#fcaf17"
},
"palette": {
"Чёрный": "#000000",
"Фон": "#0b0b0b",
"Поверхность": "#1a1a1a",
"Акцент": "#fcaf17",
"Текст": "#ffffff"
},
"radius": "4px",
"shadow": "0 12px 32px rgb(0 0 0 / 0.6)",
"gradient": "linear-gradient(180deg, #1a1a1a 0%, #0b0b0b 100%)",
"font": {
"heading": {
"family": "Rockstar Sans",
"weight": 800,
"tracking": "-0.01em"
},
"body": {
"family": "Inter"
}
}
}