Тёмно-графитовый Alienware с холодным бирюзовым акцентом и лаконичной геометрией.
Премиальное железо в полумраке: тонкие заголовки, холодная подсветка.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #0c0d0f;
--surface: #1a1c20;
--foreground: #f5f5f5;
--muted: #8d9199;
--accent: #00c6d7;
--palette-1: #0c0d0f;
--palette-2: #1a1c20;
--palette-3: #2c2f35;
--palette-4: #00c6d7;
--palette-5: #f5f5f5;
--radius: 2px;
--shadow: 0 16px 40px rgb(0 0 0 / 0.55);
--gradient: linear-gradient(180deg, #1a1c20 0%, #0c0d0f 100%);
--font-heading: Roboto;
--font-body: Roboto;
}@theme {
--color-background: #0c0d0f;
--color-surface: #1a1c20;
--color-foreground: #f5f5f5;
--color-muted: #8d9199;
--color-accent: #00c6d7;
--radius-style: 2px;
--shadow-style: 0 16px 40px rgb(0 0 0 / 0.55);
--font-heading: "Roboto", sans-serif;
--font-body: "Roboto", sans-serif;
}{
"name": "alienware",
"color": {
"background": "#0c0d0f",
"surface": "#1a1c20",
"foreground": "#f5f5f5",
"muted": "#8d9199",
"accent": "#00c6d7"
},
"palette": {
"Фон": "#0c0d0f",
"Поверхность": "#1a1c20",
"Линии": "#2c2f35",
"Акцент": "#00c6d7",
"Текст": "#f5f5f5"
},
"radius": "2px",
"shadow": "0 16px 40px rgb(0 0 0 / 0.55)",
"gradient": "linear-gradient(180deg, #1a1c20 0%, #0c0d0f 100%)",
"font": {
"heading": {
"family": "Roboto",
"weight": 300,
"tracking": "0.02em"
},
"body": {
"family": "Roboto"
}
}
}