@svgrid/create 2.4.0 → 2.5.0

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.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/templates/admin-dashboard/src/app.css +4 -0
  3. package/templates/admin-dashboard/src/routes/+layout.svelte +3 -3
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "type": "commercial",
5
5
  "url": "https://svgrid.com/pricing"
6
6
  },
7
- "version": "2.4.0",
7
+ "version": "2.5.0",
8
8
  "description": "Scaffold a Svelte app powered by SvGrid in one command: npm create @svgrid@latest",
9
9
  "type": "module",
10
10
  "license": "MIT",
@@ -36,7 +36,7 @@
36
36
  "node": ">=18"
37
37
  },
38
38
  "dependencies": {
39
- "@svgrid/grid": "^2.4.0"
39
+ "@svgrid/grid": "^2.5.0"
40
40
  },
41
41
  "scripts": {
42
42
  "sync-templates": "node sync-templates.mjs"
package/templates/admin-dashboard/src/app.css CHANGED
@@ -83,6 +83,10 @@
83
83
  --app-fg: var(--sg-fg);
84
84
  --app-muted: var(--sg-muted);
85
85
  --app-accent: var(--sg-accent);
86
+ /* Text that sits ON the accent. Every preset declares this, and it is NOT
87
+ always white: shadcn dark uses a near-white accent (#fafafa) with near-black
88
+ text. Hardcoding #fff here made the active nav item invisible. */
89
+ --app-on-accent: var(--sg-on-accent);
86
90
  }
87
91
 
88
92
  html,
package/templates/admin-dashboard/src/routes/+layout.svelte CHANGED
@@ -36,8 +36,8 @@
36
36
  >
37
37
  <div class="flex items-center gap-2 px-5 py-4">
38
38
  <span
39
- class="grid h-8 w-8 place-items-center rounded-lg font-bold text-white"
40
- style="background: var(--app-accent);">S</span
39
+ class="grid h-8 w-8 place-items-center rounded-lg font-bold"
40
+ style="background: var(--app-accent); color: var(--app-on-accent);">S</span
41
41
  >
42
42
  <div class="leading-tight">
43
43
  <p class="text-sm font-bold" style="color: var(--app-fg);">SvGrid Admin</p>
@@ -51,7 +51,7 @@
51
51
  href={item.href}
52
52
  class="mb-1 flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors"
53
53
  style={isActive(item.href)
54
- ? 'background: var(--app-accent); color: #fff;'
54
+ ? 'background: var(--app-accent); color: var(--app-on-accent);'
55
55
  : 'color: var(--app-fg);'}
56
56
  >
57
57
  <span class="w-5 text-center">{item.icon}</span>