Глубокий тёмно-синий лаунчер Blizzard с чистым синим #148eff и мягкими слоями.
Собранный лаунчер: тёмно, спокойно, синий только на кнопках запуска.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #15171e;
--surface: #1f2129;
--foreground: #ffffff;
--muted: #9ea3ae;
--accent: #148eff;
--palette-1: #0e0f14;
--palette-2: #15171e;
--palette-3: #1f2129;
--palette-4: #148eff;
--palette-5: #ffffff;
--radius: 4px;
--shadow: 0 8px 20px rgb(0 0 0 / 0.4);
--gradient: linear-gradient(180deg, #1f2129 0%, #15171e 100%);
--font-heading: Blizzard Headline;
--font-body: Blizzard Secondary;
}@theme {
--color-background: #15171e;
--color-surface: #1f2129;
--color-foreground: #ffffff;
--color-muted: #9ea3ae;
--color-accent: #148eff;
--radius-style: 4px;
--shadow-style: 0 8px 20px rgb(0 0 0 / 0.4);
--font-heading: "Blizzard Headline", sans-serif;
--font-body: "Blizzard Secondary", sans-serif;
}{
"name": "battle-net",
"color": {
"background": "#15171e",
"surface": "#1f2129",
"foreground": "#ffffff",
"muted": "#9ea3ae",
"accent": "#148eff"
},
"palette": {
"Глубина": "#0e0f14",
"Фон": "#15171e",
"Поверхность": "#1f2129",
"Акцент": "#148eff",
"Текст": "#ffffff"
},
"radius": "4px",
"shadow": "0 8px 20px rgb(0 0 0 / 0.4)",
"gradient": "linear-gradient(180deg, #1f2129 0%, #15171e 100%)",
"font": {
"heading": {
"family": "Blizzard Headline",
"weight": 700,
"tracking": "0em"
},
"body": {
"family": "Blizzard Secondary"
}
}
}