Корпоративный стиль Wargaming: графит, белая типографика и красный акцент.
Строгий издатель: графит, сетка проектов и красный как знак бренда.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #141414;
--surface: #202020;
--foreground: #ffffff;
--muted: #9e9e9e;
--accent: #e21e26;
--palette-1: #141414;
--palette-2: #202020;
--palette-3: #333333;
--palette-4: #e21e26;
--palette-5: #ffffff;
--radius: 2px;
--shadow: 0 6px 18px rgb(0 0 0 / 0.4);
--gradient: linear-gradient(180deg, #202020 0%, #141414 100%);
--font-heading: Roboto;
--font-body: Roboto;
}@theme {
--color-background: #141414;
--color-surface: #202020;
--color-foreground: #ffffff;
--color-muted: #9e9e9e;
--color-accent: #e21e26;
--radius-style: 2px;
--shadow-style: 0 6px 18px rgb(0 0 0 / 0.4);
--font-heading: "Roboto", sans-serif;
--font-body: "Roboto", sans-serif;
}{
"name": "wargaming",
"color": {
"background": "#141414",
"surface": "#202020",
"foreground": "#ffffff",
"muted": "#9e9e9e",
"accent": "#e21e26"
},
"palette": {
"Фон": "#141414",
"Поверхность": "#202020",
"Линии": "#333333",
"Акцент": "#e21e26",
"Текст": "#ffffff"
},
"radius": "2px",
"shadow": "0 6px 18px rgb(0 0 0 / 0.4)",
"gradient": "linear-gradient(180deg, #202020 0%, #141414 100%)",
"font": {
"heading": {
"family": "Roboto",
"weight": 700,
"tracking": "-0.01em"
},
"body": {
"family": "Roboto"
}
}
}