codexly-ui 0.6.10 → 0.6.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/assets/styles/_fonts.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/* Fonts are loaded dynamically by ClxThemeService via <link> injection.
|
|
2
|
-
|
|
3
|
-
@import url('https://fonts.googleapis.com/css2?family=
|
|
2
|
+
DM Sans is the default — preloaded here so the app renders before JS executes. */
|
|
3
|
+
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
|
package/assets/styles/_theme.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
/* ── Font body variable (overridden dynamically by ClxThemeService) ───────── */
|
|
7
7
|
:root {
|
|
8
|
-
--clx-font-body: '
|
|
8
|
+
--clx-font-body: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
/* ── Light theme (default) ────────────────────────────────────────────────── */
|
package/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -416,7 +416,7 @@ const CLX_THEME_DEFAULTS = {
|
|
|
416
416
|
borderRadius: 'md',
|
|
417
417
|
defaultSize: 'md',
|
|
418
418
|
defaultShape: 'rounded',
|
|
419
|
-
fontFamily: '
|
|
419
|
+
fontFamily: 'DM Sans',
|
|
420
420
|
};
|
|
421
421
|
// ── Injection token ───────────────────────────────────────────────────────────
|
|
422
422
|
const CLX_THEME_CONFIG = new InjectionToken('CLX_THEME_CONFIG', { factory: () => CLX_THEME_DEFAULTS });
|
|
@@ -601,7 +601,7 @@ class ClxThemeService {
|
|
|
601
601
|
const { color } = parseColorInput(input);
|
|
602
602
|
const shades = dark
|
|
603
603
|
? { text: 100, label: 300, muted: 400, subtle: 500, faint: 600 }
|
|
604
|
-
: { text: 900, label: 600, muted: 500, subtle:
|
|
604
|
+
: { text: 900, label: 600, muted: 500, subtle: 500, faint: 300 };
|
|
605
605
|
document.documentElement.style.setProperty('--clx-text', resolvePaletteHex(color, shades.text));
|
|
606
606
|
document.documentElement.style.setProperty('--clx-text-label', resolvePaletteHex(color, shades.label));
|
|
607
607
|
document.documentElement.style.setProperty('--clx-text-muted', resolvePaletteHex(color, shades.muted));
|