Тёмная тема Roblox: угольные поверхности, чистый синий действия и шрифт Builder Sans.
Современная сдержанная платформа: контент яркий, интерфейс нейтральный.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #111216;
--surface: #191a1f;
--foreground: #f7f7f8;
--muted: #a3a5ad;
--accent: #335fff;
--palette-1: #111216;
--palette-2: #191a1f;
--palette-3: #2a2b31;
--palette-4: #335fff;
--palette-5: #f7f7f8;
--radius: 8px;
--shadow: 0 4px 12px rgb(0 0 0 / 0.3);
--gradient: linear-gradient(180deg, #191a1f 0%, #111216 100%);
--font-heading: Builder Sans;
--font-body: Builder Sans;
}@theme {
--color-background: #111216;
--color-surface: #191a1f;
--color-foreground: #f7f7f8;
--color-muted: #a3a5ad;
--color-accent: #335fff;
--radius-style: 8px;
--shadow-style: 0 4px 12px rgb(0 0 0 / 0.3);
--font-heading: "Builder Sans", sans-serif;
--font-body: "Builder Sans", sans-serif;
}{
"name": "roblox",
"color": {
"background": "#111216",
"surface": "#191a1f",
"foreground": "#f7f7f8",
"muted": "#a3a5ad",
"accent": "#335fff"
},
"palette": {
"Фон": "#111216",
"Поверхность": "#191a1f",
"Линии": "#2a2b31",
"Акцент": "#335fff",
"Текст": "#f7f7f8"
},
"radius": "8px",
"shadow": "0 4px 12px rgb(0 0 0 / 0.3)",
"gradient": "linear-gradient(180deg, #191a1f 0%, #111216 100%)",
"font": {
"heading": {
"family": "Builder Sans",
"weight": 700,
"tracking": "-0.01em"
},
"body": {
"family": "Builder Sans"
}
}
}