Тёмная тема Discord: графитовые слои, мягкий фиолетово-синий blurple и скруглённые плашки.
Уютное место для общения: тёмные слои отличаются на полтона, акцент появляется только в действиях.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #313338;
--surface: #2b2d31;
--foreground: #f2f3f5;
--muted: #b5bac1;
--accent: #5865f2;
--palette-1: #1e1f22;
--palette-2: #2b2d31;
--palette-3: #313338;
--palette-4: #5865f2;
--palette-5: #f2f3f5;
--radius: 8px;
--shadow: 0 8px 16px rgb(0 0 0 / 0.24);
--gradient: linear-gradient(180deg, #313338 0%, #2b2d31 100%);
--font-heading: ABC Ginto Nord;
--font-body: gg sans;
}@theme {
--color-background: #313338;
--color-surface: #2b2d31;
--color-foreground: #f2f3f5;
--color-muted: #b5bac1;
--color-accent: #5865f2;
--radius-style: 8px;
--shadow-style: 0 8px 16px rgb(0 0 0 / 0.24);
--font-heading: "ABC Ginto Nord", sans-serif;
--font-body: "gg sans", sans-serif;
}{
"name": "discord",
"color": {
"background": "#313338",
"surface": "#2b2d31",
"foreground": "#f2f3f5",
"muted": "#b5bac1",
"accent": "#5865f2"
},
"palette": {
"Боковая панель": "#1e1f22",
"Поверхность": "#2b2d31",
"Фон": "#313338",
"Акцент": "#5865f2",
"Текст": "#f2f3f5"
},
"radius": "8px",
"shadow": "0 8px 16px rgb(0 0 0 / 0.24)",
"gradient": "linear-gradient(180deg, #313338 0%, #2b2d31 100%)",
"font": {
"heading": {
"family": "ABC Ginto Nord",
"weight": 800,
"tracking": "-0.01em"
},
"body": {
"family": "gg sans"
}
}
}