Чистое чтение: белый фон, текст #242424, антиква Source Serif для статей и Söhne в интерфейсе. Узкая колонка, крупный кегль и зелёный #1a8917 для действий.
Тишина библиотеки: ничто не мешает читать.
Нажмите на цвет, чтобы скопировать hex.
Попробуйте свой цвет — образец и токены обновятся сразу.
Три вопроса — останутся только подходящие стили.8 из 8
:root {
--background: #ffffff;
--surface: #f9f9f9;
--foreground: #242424;
--muted: #6b6b6b;
--accent: #1a8917;
--palette-1: #ffffff;
--palette-2: #f9f9f9;
--palette-3: #242424;
--palette-4: #6b6b6b;
--palette-5: #1a8917;
--radius: 4px;
--shadow: none;
--gradient: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
--font-heading: Söhne;
--font-body: Source Serif Pro;
}@theme {
--color-background: #ffffff;
--color-surface: #f9f9f9;
--color-foreground: #242424;
--color-muted: #6b6b6b;
--color-accent: #1a8917;
--radius-style: 4px;
--shadow-style: none;
--font-heading: "Söhne", sans-serif;
--font-body: "Source Serif Pro", serif;
}{
"name": "medium",
"color": {
"background": "#ffffff",
"surface": "#f9f9f9",
"foreground": "#242424",
"muted": "#6b6b6b",
"accent": "#1a8917"
},
"palette": {
"Фон": "#ffffff",
"Подложка": "#f9f9f9",
"Текст": "#242424",
"Вторичный": "#6b6b6b",
"Зелёный": "#1a8917"
},
"radius": "4px",
"shadow": "none",
"gradient": "linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%)",
"font": {
"heading": {
"family": "Söhne",
"weight": 700,
"tracking": "-0.016em"
},
"body": {
"family": "Source Serif Pro"
}
}
}