mirror of
https://github.com/Ku6epXBOCTuK/easy-png-tools.git
synced 2026-09-14 13:36:36 +00:00
81 lines
2.0 KiB
CSS
81 lines
2.0 KiB
CSS
@import "@fontsource/ibm-plex-sans/400.css";
|
|
@import "@fontsource/ibm-plex-sans/500.css";
|
|
@import "@fontsource/ibm-plex-sans/600.css";
|
|
@import "@fontsource/ibm-plex-sans/700.css";
|
|
@import "@fontsource/ibm-plex-mono/400.css";
|
|
@import "@fontsource/ibm-plex-mono/500.css";
|
|
|
|
/* Минимальный reset (новый дизайн грузится только на preview-маршрутах). */
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Базовая типографика и палитра: без этого весь текст наследует UA-дефолт
|
|
(Times New Roman / чёрный), что даёт сотни расхождений с рефом. */
|
|
html {
|
|
color-scheme: light dark;
|
|
font-family: var(--font-sans);
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
body {
|
|
font-family: var(--font-sans);
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
/* Форм-контролы не наследуют шрифт семьи по умолчанию (браузер ставит Arial). */
|
|
button,
|
|
input,
|
|
select,
|
|
textarea,
|
|
optgroup {
|
|
font: inherit;
|
|
}
|
|
|
|
/* Новый дизайн: токены (§2 плана redesign).
|
|
Файл грузится только layout'ом новой ветки (preview/+layout), поэтому
|
|
глобально не конфликтует со старым app.css. */
|
|
|
|
:root {
|
|
--font-sans: "IBM Plex Sans", sans-serif;
|
|
--font-mono: "IBM Plex Mono", monospace;
|
|
|
|
--background: #eef1f4;
|
|
--panel: #f8fafb;
|
|
--foreground: #17212b;
|
|
--muted: #6d7883;
|
|
--line: #cbd3da;
|
|
|
|
--blue: #1769d2;
|
|
--cyan: #00a8c7;
|
|
--amber: #bd7411;
|
|
--success: rgb(35, 131, 84);
|
|
--success2: rgb(37, 169, 106);
|
|
--danger: #e5484d;
|
|
|
|
--radius: 4px;
|
|
}
|
|
|
|
[data-theme="dark"] {
|
|
--background: #11171d;
|
|
--panel: #182129;
|
|
--foreground: #e8eef2;
|
|
--muted: #91a0ac;
|
|
--line: #33414c;
|
|
|
|
--blue: #54a2ff;
|
|
--cyan: #00a8c7;
|
|
--amber: #bd7411;
|
|
--success: #25a96a;
|
|
--danger: #ff7479;
|
|
}
|