also looking at this
fix(ui): align component palette and contain homepage hero
#16
7 files
+157
-13
Review threads live on the whole diff, not on one commit, so none are shown here - a thread's line means something in the branch's final form, and painting it into an intermediate step would put it on code it is not about.
| @@ -35,6 +35,12 @@ export default { | ||
| 35 | 35 | |
| 36 | 36 | partialsDir: 'partials', |
| 37 | 37 | |
| 38 | app: { | |
| 39 | head: { | |
| 40 | link: [{ rel: 'stylesheet', href: '/component-tokens.css' }], | |
| 41 | }, | |
| 42 | }, | |
| 43 | ||
| 38 | 44 | /* |
| 39 | 45 | * stx's client-script DOM guard: 25 rules at script-validation.js:1-127, |
| 40 | 46 | * run by process.js on every non-server <script> body. serve.js forwards the |
| @@ -0,0 +1,28 @@ | ||
| 1 | /* Component defaults for the workspace, which otherwise uses literal colors. | |
| 2 | * Zero specificity lets marketing/auth's existing :root palettes win regardless | |
| 3 | * of stylesheet order. Theme selection still belongs to the existing bootstrap. | |
| 4 | * Success/error hues match WorkspaceSurface; warning/info remain neutral. | |
| 5 | */ | |
| 6 | :where(:root) { | |
| 7 | --paper: #f6f3ee; | |
| 8 | --panel: #ffffff; | |
| 9 | --ink: #171916; | |
| 10 | --muted: #686b65; | |
| 11 | --line: rgba(23, 25, 22, 0.15); | |
| 12 | --coral: #bd3e2e; | |
| 13 | --coral-ink: #ffffff; | |
| 14 | --comms-success: #466833; | |
| 15 | --comms-danger: #8f3025; | |
| 16 | } | |
| 17 | ||
| 18 | :where(:root.dark) { | |
| 19 | --paper: #111210; | |
| 20 | --panel: #1b1c1a; | |
| 21 | --ink: #f5f2ec; | |
| 22 | --muted: #aaa9a3; | |
| 23 | --line: rgba(255, 255, 255, 0.15); | |
| 24 | --coral: #ff8a78; | |
| 25 | --coral-ink: #191715; | |
| 26 | --comms-success: #acd294; | |
| 27 | --comms-danger: #ffab9a; | |
| 28 | } | |
| @@ -1,8 +1,11 @@ | ||
| 1 | 1 | import type { StxConfig } from '@stacksjs/stx' |
| 2 | import ui from './config/ui' | |
| 2 | 3 | |
| 3 | 4 | const config: Partial<StxConfig> = { |
| 4 | 5 | root: 'resources', |
| 5 | 6 | layoutsDir: 'views/layouts', |
| 7 | // This root config takes precedence over config/ui.ts on the serve/build path. | |
| 8 | app: ui.app, | |
| 6 | 9 | build: { |
| 7 | 10 | sitemapExclude: ['/dashboard/'], |
| 8 | 11 | }, |