Глубокий тёмный фон, приглушённые графитовые карточки, белый текст и фиолетовый акцент подписки. Мягкие скругления, спокойное свечение без пёстрых пятен.
Клубная подписка: тёмный фон, сдержанный фиолетовый, ощущение привилегии.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #0b0b0e;
--surface: #1a1a1f;
--foreground: #ffffff;
--muted: #8e8e99;
--accent: #8341ef;
--palette-1: #0b0b0e;
--palette-2: #1a1a1f;
--palette-3: #ffffff;
--palette-4: #8341ef;
--palette-5: #ff5c4d;
--radius: 20px;
--shadow: 0 12px 40px rgb(0 0 0 / 0.5);
--gradient: linear-gradient(180deg, #14131a 0%, #0b0b0e 100%);
--font-heading: YS Display;
--font-body: YS Text;
}@theme {
--color-background: #0b0b0e;
--color-surface: #1a1a1f;
--color-foreground: #ffffff;
--color-muted: #8e8e99;
--color-accent: #8341ef;
--radius-style: 20px;
--shadow-style: 0 12px 40px rgb(0 0 0 / 0.5);
--font-heading: "YS Display", sans-serif;
--font-body: "YS Text", sans-serif;
}{
"name": "yandex-plus",
"color": {
"background": "#0b0b0e",
"surface": "#1a1a1f",
"foreground": "#ffffff",
"muted": "#8e8e99",
"accent": "#8341ef"
},
"palette": {
"Фон": "#0b0b0e",
"Карточки": "#1a1a1f",
"Текст": "#ffffff",
"Фиолетовый": "#8341ef",
"Коралловый": "#ff5c4d"
},
"radius": "20px",
"shadow": "0 12px 40px rgb(0 0 0 / 0.5)",
"gradient": "linear-gradient(180deg, #14131a 0%, #0b0b0e 100%)",
"font": {
"heading": {
"family": "YS Display",
"weight": 800,
"tracking": "-0.02em"
},
"body": {
"family": "YS Text"
}
}
}