Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-09-14 13:36:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add new design2.css, add fonts

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-08-27 19:23:30 +05:00
parent f08af41568
commit 418a091505
4 changed files with 62 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/plan-redesign.md
+1 -1
View File
@@ -300,7 +300,7 @@ src/routes/preview/tools/[id]/+page.svelte
### Шаг 1. Фундамент нового дизайна
- [ ] **[C3]** Создать `src/lib/styles/design2.css` (токены `:root` + `[data-theme='dark']` по §2) и подключить `@fontsource/ibm-plex-sans` + `@fontsource/ibm-plex-mono` (self-host, offline-first).
- [x] **[C3]** Создать `src/lib/styles/design2.css` (токены `:root` + `[data-theme='dark']` по §2) и подключить `@fontsource/ibm-plex-sans` + `@fontsource/ibm-plex-mono` (self-host, offline-first).
подключить шрифты в `design2.css` (self-host, offline-first).
- [x] **[C4]** _(слит в C3: шрифты нельзя подключить до создания `design2.css`)_
`[data-theme='dark']` (таблица §2). Без утилитарных классов.
web/package.json
+2
View File
@@ -23,6 +23,8 @@
"vitest": "^4.1.11"
},
"dependencies": {
"@fontsource/ibm-plex-mono": "^5.3.0",
"@fontsource/ibm-plex-sans": "^5.3.0",
"@lucide/svelte": "^1.33.0"
}
}
web/pnpm-lock.yaml
Generated
+16
View File
@@ -8,6 +8,12 @@ importers:
.:
dependencies:
'@fontsource/ibm-plex-mono':
specifier: ^5.3.0
version: 5.3.0
'@fontsource/ibm-plex-sans':
specifier: ^5.3.0
version: 5.3.0
'@lucide/svelte':
specifier: ^1.33.0
version: 1.33.0(svelte@5.56.9)
@@ -39,6 +45,12 @@ importers:
packages:
'@fontsource/ibm-plex-mono@5.3.0':
resolution: {integrity: sha512-eTgnZjZEGk1QtD3ZstF+Vclo2HLAni8YMy34/DxllwZvyz1lR/1RF/xTiAquOBO7MvqBx8D2Ig2WCPMVfdZu7Q==}
'@fontsource/ibm-plex-sans@5.3.0':
resolution: {integrity: sha512-CbE4CbbEEZJX860XyUiRpsksXIQR8Rp2XDva2VO53NJox9tVNtusrysd2x5YkUEY3ErQ66W1IiiQL8/wihhw5w==}
'@jridgewell/gen-mapping@0.3.13':
resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
@@ -617,6 +629,10 @@ packages:
snapshots:
'@fontsource/ibm-plex-mono@5.3.0': {}
'@fontsource/ibm-plex-sans@5.3.0': {}
'@jridgewell/gen-mapping@0.3.13':
dependencies:
'@jridgewell/sourcemap-codec': 1.5.5
web/src/lib/styles/design2.css
+43
View File
@@ -0,0 +1,43 @@
@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';
/* Новый дизайн: токены (§2 плана redesign).
Файл грузится только layout'ом новой ветки (preview/+layout), поэтому
глобально не конфликтует со старым app.css. */
:root {
--font-sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
--font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
--background: #eef1f4;
--panel: #f8fafb;
--foreground: #17212b;
--muted: #6d7883;
--line: #cbd3da;
--blue: #1769d2;
--cyan: #00a8c7;
--amber: #bd7411;
--success: #25a96a;
--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;
}