Тёплый пергамент Genshin, тёмно-синие плашки и мягкое золото — светлая фэнтези-подача.
Сказочно, но спокойно: бумага, тонкое золото и сине-серые таблички меню.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ece5d8;
--surface: #f7f3ec;
--foreground: #3b4255;
--muted: #8a8577;
--accent: #d3bc8e;
--palette-1: #ece5d8;
--palette-2: #f7f3ec;
--palette-3: #3b4255;
--palette-4: #495366;
--palette-5: #d3bc8e;
--radius: 6px;
--shadow: 0 0 0 1px rgb(211 188 142 / 0.6), 0 6px 18px rgb(59 66 85 / 0.15);
--gradient: linear-gradient(180deg, #f7f3ec 0%, #ece5d8 100%);
--font-heading: HYWenHei;
--font-body: Noto Sans;
}@theme {
--color-background: #ece5d8;
--color-surface: #f7f3ec;
--color-foreground: #3b4255;
--color-muted: #8a8577;
--color-accent: #d3bc8e;
--radius-style: 6px;
--shadow-style: 0 0 0 1px rgb(211 188 142 / 0.6), 0 6px 18px rgb(59 66 85 / 0.15);
--font-heading: "HYWenHei", serif;
--font-body: "Noto Sans", sans-serif;
}{
"name": "genshin-hoyoverse",
"color": {
"background": "#ece5d8",
"surface": "#f7f3ec",
"foreground": "#3b4255",
"muted": "#8a8577",
"accent": "#d3bc8e"
},
"palette": {
"Пергамент": "#ece5d8",
"Поверхность": "#f7f3ec",
"Текст": "#3b4255",
"Плашка": "#495366",
"Золото": "#d3bc8e"
},
"radius": "6px",
"shadow": "0 0 0 1px rgb(211 188 142 / 0.6), 0 6px 18px rgb(59 66 85 / 0.15)",
"gradient": "linear-gradient(180deg, #f7f3ec 0%, #ece5d8 100%)",
"font": {
"heading": {
"family": "HYWenHei",
"weight": 700,
"tracking": "0.02em"
},
"body": {
"family": "Noto Sans"
}
}
}