Открыть меню
Переключить меню настроек
Открыть персональное меню
Вы не представились системе
Ваш IP-адрес будет виден всем, если вы внесёте какие-либо изменения.

Участник:Torgovec/citizen.css: различия между версиями

Материал из Space Station 14 | Время приключений Вики
м Пытаюсь применить какой-то шрифт
м Применяем какой-то шрифт
Строка 1: Строка 1:
/* Импорт шрифтов */
@import url('https://fonts.googleapis.com/css2?family=Flow+Circular&display=swap');
:root {
:root {
/* Меняем основной оттенок с синего (~215) на зелёный (140) */
/* Меняем основной оттенок с синего (~215) на зелёный (140) */
Строка 4: Строка 7:
--color-primary__s: 65%;
--color-primary__s: 65%;
--color-primary__l: 40%;
--color-primary__l: 40%;
/* шрифты */
--font-family-citizen-base: 'Flow Circular', 'Roboto-fallback';
    --font-family-citizen-serif: 'Roboto Serif';
    --font-family-citizen-monospace: 'Roboto Mono';
--font-family-base: var(--font-family-citizen-base), var(--font-family-language-base), system-ui, -apple-system, sans-serif;
    --font-family-serif: var(--font-family-citizen-serif), var(--font-family-language-serif), 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
    --font-family-monospace: var(--font-family-citizen-monospace), var(--font-family-language-monospace), 'Menlo', 'Consolas', 'Liberation Mono', 'Fira Code', 'Courier New', monospace;
}
}
html.skin-citizen-dark,
html.skin-theme-clientpref-night {
  font-family: "Flow Circular", system-ui;
  font-weight: 400;
  font-style: normal;
}


/* Отдельная настройка яркости для тёмной темы, чтобы зелёный хорошо читался */
/* Отдельная настройка яркости для тёмной темы, чтобы зелёный хорошо читался */

Версия от 02:47, 11 ноября 2026

/* Импорт шрифтов */
@import url('https://fonts.googleapis.com/css2?family=Flow+Circular&display=swap');

:root {
	/* Меняем основной оттенок с синего (~215) на зелёный (140) */
	--color-primary__h: 140;
	--color-primary__s: 65%;
	--color-primary__l: 40%;
	
	/* шрифты */
	--font-family-citizen-base: 'Flow Circular', 'Roboto-fallback';
    --font-family-citizen-serif: 'Roboto Serif';
    --font-family-citizen-monospace: 'Roboto Mono';
	
	--font-family-base: var(--font-family-citizen-base), var(--font-family-language-base), system-ui, -apple-system, sans-serif;
    --font-family-serif: var(--font-family-citizen-serif), var(--font-family-language-serif), 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif;
    --font-family-monospace: var(--font-family-citizen-monospace), var(--font-family-language-monospace), 'Menlo', 'Consolas', 'Liberation Mono', 'Fira Code', 'Courier New', monospace;
}

/* Отдельная настройка яркости для тёмной темы, чтобы зелёный хорошо читался */
html.skin-citizen-dark,
html.skin-theme-clientpref-night {
	--color-primary__h: 140;
	--color-primary__s: 60%;
	--color-primary__l: 55%;
	
	--color-progressive: #33FDDDAA;
	
	--color-surface-0: #33883333;
	--color-surface-1: #225522BB;
	--color-surface-2: #406F4FBF;
	--color-surface-3: #22885588;
	--color-surface-4: #36383F88;
}