Тёмная тема VK Play: сине-графитовые слои и фирменный синий VK.
Понятный лаунчер экосистемы VK: тёмно, чисто, синий в действиях.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #0f1115;
--surface: #1b1e24;
--foreground: #ffffff;
--muted: #9aa1ab;
--accent: #0077ff;
--palette-1: #0f1115;
--palette-2: #1b1e24;
--palette-3: #2a2e36;
--palette-4: #0077ff;
--palette-5: #ffffff;
--radius: 12px;
--shadow: 0 4px 16px rgb(0 0 0 / 0.35);
--gradient: linear-gradient(180deg, #1b1e24 0%, #0f1115 100%);
--font-heading: VK Sans Display;
--font-body: VK Sans Text;
}@theme {
--color-background: #0f1115;
--color-surface: #1b1e24;
--color-foreground: #ffffff;
--color-muted: #9aa1ab;
--color-accent: #0077ff;
--radius-style: 12px;
--shadow-style: 0 4px 16px rgb(0 0 0 / 0.35);
--font-heading: "VK Sans Display", sans-serif;
--font-body: "VK Sans Text", sans-serif;
}{
"name": "vk-play",
"color": {
"background": "#0f1115",
"surface": "#1b1e24",
"foreground": "#ffffff",
"muted": "#9aa1ab",
"accent": "#0077ff"
},
"palette": {
"Фон": "#0f1115",
"Поверхность": "#1b1e24",
"Линии": "#2a2e36",
"Акцент": "#0077ff",
"Текст": "#ffffff"
},
"radius": "12px",
"shadow": "0 4px 16px rgb(0 0 0 / 0.35)",
"gradient": "linear-gradient(180deg, #1b1e24 0%, #0f1115 100%)",
"font": {
"heading": {
"family": "VK Sans Display",
"weight": 700,
"tracking": "-0.01em"
},
"body": {
"family": "VK Sans Text"
}
}
}