@puredesktop/puredesktop-ui-bridge 2.1.6 → 2.1.8

package/src/theme/appAccents.ts

@@ -2,9 +2,13 @@ import type { PlatformTheme } from './tokens.js'
 
 /**
  * App identity is a chrome-only layer. It is exposed through CSS variables
- * (`--app-acc`, `--app-bg`, `--app-text`, `--app-block`) and deliberately
- * does not override `--platform-colors-accent`, which belongs to theme/status
- * meaning.
+ * (`--app-acc`, `--app-bg`, `--app-text`) and deliberately does not override
+ * `--platform-colors-accent`, which belongs to theme/status meaning.
+ *
+ * Every app owns one hue on a 20-step ring (even ~18deg spacing, matched
+ * lightness/chroma in oklch). Writing and output apps are included; the
+ * `desktop` shell carries indigo. Keep these values in sync with
+ * `appIdentityCss.ts`.
  */
 
 export interface DerivedAppAccent {
@@ -12,149 +16,128 @@ export interface DerivedAppAccent {
   accentHover: string
   accentMuted: string
   accentText: string
-  accentBlock: string
 }
 
 const APP_IDENTITY_ACCENTS: Record<string, DerivedAppAccent> = {
   teams: {
-    accent: 'oklch(0.58 0.13 8)',
-    accentHover: 'oklch(0.40 0.06 8)',
-    accentMuted: 'oklch(0.955 0.03 8)',
-    accentText: 'oklch(0.40 0.12 8)',
-    accentBlock: 'oklch(0.40 0.06 8)',
+    accent: 'oklch(0.55 0.125 12)',
+    accentHover: 'oklch(0.43 0.12 12)',
+    accentMuted: 'oklch(0.955 0.03 12)',
+    accentText: 'oklch(0.43 0.12 12)',
   },
   vibes: {
-    accent: 'oklch(0.50 0.14 26)',
-    accentHover: 'oklch(0.40 0.06 26)',
-    accentMuted: 'oklch(0.955 0.03 26)',
-    accentText: 'oklch(0.40 0.12 26)',
-    accentBlock: 'oklch(0.40 0.06 26)',
+    accent: 'oklch(0.55 0.125 30)',
+    accentHover: 'oklch(0.43 0.12 30)',
+    accentMuted: 'oklch(0.955 0.03 30)',
+    accentText: 'oklch(0.43 0.12 30)',
   },
   mail: {
-    accent: 'oklch(0.60 0.12 44)',
-    accentHover: 'oklch(0.40 0.06 44)',
-    accentMuted: 'oklch(0.93 0.05 44)',
-    accentText: 'oklch(0.40 0.12 44)',
-    accentBlock: 'oklch(0.40 0.06 44)',
+    accent: 'oklch(0.55 0.125 48)',
+    accentHover: 'oklch(0.43 0.12 48)',
+    accentMuted: 'oklch(0.93 0.05 48)',
+    accentText: 'oklch(0.43 0.12 48)',
   },
   files: {
-    accent: 'oklch(0.50 0.13 64)',
-    accentHover: 'oklch(0.40 0.06 64)',
-    accentMuted: 'oklch(0.955 0.03 64)',
-    accentText: 'oklch(0.40 0.12 64)',
-    accentBlock: 'oklch(0.40 0.06 64)',
+    accent: 'oklch(0.55 0.125 66)',
+    accentHover: 'oklch(0.43 0.12 66)',
+    accentMuted: 'oklch(0.955 0.03 66)',
+    accentText: 'oklch(0.43 0.12 66)',
   },
   slides: {
-    accent: 'oklch(0.61 0.11 84)',
-    accentHover: 'oklch(0.40 0.06 84)',
+    accent: 'oklch(0.55 0.125 84)',
+    accentHover: 'oklch(0.43 0.12 84)',
     accentMuted: 'oklch(0.955 0.03 84)',
-    accentText: 'oklch(0.40 0.11 84)',
-    accentBlock: 'oklch(0.40 0.06 84)',
+    accentText: 'oklch(0.43 0.12 84)',
   },
   writer: {
-    accent: 'oklch(0.50 0.12 102)',
-    accentHover: 'oklch(0.40 0.06 102)',
+    accent: 'oklch(0.55 0.125 102)',
+    accentHover: 'oklch(0.43 0.12 102)',
     accentMuted: 'oklch(0.955 0.03 102)',
-    accentText: 'oklch(0.40 0.12 102)',
-    accentBlock: 'oklch(0.40 0.06 102)',
+    accentText: 'oklch(0.43 0.12 102)',
   },
   manuscript: {
-    accent: 'oklch(0.61 0.12 124)',
-    accentHover: 'oklch(0.40 0.06 124)',
-    accentMuted: 'oklch(0.955 0.03 124)',
-    accentText: 'oklch(0.40 0.12 124)',
-    accentBlock: 'oklch(0.40 0.06 124)',
+    accent: 'oklch(0.55 0.125 120)',
+    accentHover: 'oklch(0.43 0.12 120)',
+    accentMuted: 'oklch(0.955 0.03 120)',
+    accentText: 'oklch(0.43 0.12 120)',
   },
   book: {
-    accent: 'oklch(0.48 0.14 148)',
-    accentHover: 'oklch(0.40 0.06 148)',
-    accentMuted: 'oklch(0.955 0.03 148)',
-    accentText: 'oklch(0.40 0.12 148)',
-    accentBlock: 'oklch(0.40 0.06 148)',
+    accent: 'oklch(0.55 0.125 138)',
+    accentHover: 'oklch(0.43 0.12 138)',
+    accentMuted: 'oklch(0.955 0.03 138)',
+    accentText: 'oklch(0.43 0.12 138)',
   },
   reports: {
-    accent: 'oklch(0.61 0.12 166)',
-    accentHover: 'oklch(0.40 0.06 166)',
-    accentMuted: 'oklch(0.955 0.03 166)',
-    accentText: 'oklch(0.40 0.12 166)',
-    accentBlock: 'oklch(0.40 0.06 166)',
+    accent: 'oklch(0.55 0.125 156)',
+    accentHover: 'oklch(0.43 0.12 156)',
+    accentMuted: 'oklch(0.955 0.03 156)',
+    accentText: 'oklch(0.43 0.12 156)',
   },
   chart: {
-    accent: 'oklch(0.48 0.13 184)',
-    accentHover: 'oklch(0.40 0.06 184)',
-    accentMuted: 'oklch(0.955 0.03 184)',
-    accentText: 'oklch(0.40 0.12 184)',
-    accentBlock: 'oklch(0.40 0.06 184)',
+    accent: 'oklch(0.55 0.125 174)',
+    accentHover: 'oklch(0.43 0.12 174)',
+    accentMuted: 'oklch(0.955 0.03 174)',
+    accentText: 'oklch(0.43 0.12 174)',
   },
   knowledge: {
-    accent: 'oklch(0.46 0.11 198)',
-    accentHover: 'oklch(0.40 0.06 198)',
-    accentMuted: 'oklch(0.955 0.03 198)',
-    accentText: 'oklch(0.40 0.11 198)',
-    accentBlock: 'oklch(0.40 0.06 198)',
+    accent: 'oklch(0.55 0.125 192)',
+    accentHover: 'oklch(0.43 0.12 192)',
+    accentMuted: 'oklch(0.955 0.03 192)',
+    accentText: 'oklch(0.43 0.12 192)',
   },
   research: {
-    accent: 'oklch(0.63 0.12 222)',
-    accentHover: 'oklch(0.40 0.06 222)',
-    accentMuted: 'oklch(0.955 0.03 222)',
-    accentText: 'oklch(0.40 0.12 222)',
-    accentBlock: 'oklch(0.40 0.06 222)',
+    accent: 'oklch(0.55 0.125 210)',
+    accentHover: 'oklch(0.43 0.12 210)',
+    accentMuted: 'oklch(0.955 0.03 210)',
+    accentText: 'oklch(0.43 0.12 210)',
   },
   sheets: {
-    accent: 'oklch(0.50 0.13 244)',
-    accentHover: 'oklch(0.40 0.06 244)',
-    accentMuted: 'oklch(0.955 0.03 244)',
-    accentText: 'oklch(0.40 0.12 244)',
-    accentBlock: 'oklch(0.40 0.06 244)',
+    accent: 'oklch(0.55 0.125 228)',
+    accentHover: 'oklch(0.43 0.12 228)',
+    accentMuted: 'oklch(0.955 0.03 228)',
+    accentText: 'oklch(0.43 0.12 228)',
   },
   calendar: {
-    accent: 'oklch(0.63 0.13 258)',
-    accentHover: 'oklch(0.40 0.06 258)',
-    accentMuted: 'oklch(0.955 0.03 258)',
-    accentText: 'oklch(0.40 0.12 258)',
-    accentBlock: 'oklch(0.40 0.06 258)',
+    accent: 'oklch(0.55 0.125 246)',
+    accentHover: 'oklch(0.43 0.12 246)',
+    accentMuted: 'oklch(0.955 0.03 246)',
+    accentText: 'oklch(0.43 0.12 246)',
   },
   desktop: {
-    accent: 'oklch(0.48 0.13 274)',
-    accentHover: 'oklch(0.40 0.06 274)',
-    accentMuted: 'oklch(0.955 0.03 274)',
-    accentText: 'oklch(0.40 0.12 274)',
-    accentBlock: 'oklch(0.40 0.06 274)',
-  },
-  plan: {
-    accent: 'oklch(0.61 0.14 290)',
-    accentHover: 'oklch(0.40 0.06 290)',
-    accentMuted: 'oklch(0.955 0.03 290)',
-    accentText: 'oklch(0.40 0.12 290)',
-    accentBlock: 'oklch(0.40 0.06 290)',
+    accent: 'oklch(0.55 0.125 264)',
+    accentHover: 'oklch(0.43 0.12 264)',
+    accentMuted: 'oklch(0.955 0.03 264)',
+    accentText: 'oklch(0.43 0.12 264)',
+  },
+  whiteboard: {
+    accent: 'oklch(0.55 0.125 282)',
+    accentHover: 'oklch(0.43 0.12 282)',
+    accentMuted: 'oklch(0.955 0.03 282)',
+    accentText: 'oklch(0.43 0.12 282)',
   },
   review: {
-    accent: 'oklch(0.50 0.15 308)',
-    accentHover: 'oklch(0.40 0.06 308)',
-    accentMuted: 'oklch(0.955 0.03 308)',
-    accentText: 'oklch(0.40 0.12 308)',
-    accentBlock: 'oklch(0.40 0.06 308)',
+    accent: 'oklch(0.55 0.125 300)',
+    accentHover: 'oklch(0.43 0.12 300)',
+    accentMuted: 'oklch(0.955 0.03 300)',
+    accentText: 'oklch(0.43 0.12 300)',
   },
   tasks: {
-    accent: 'oklch(0.63 0.15 324)',
-    accentHover: 'oklch(0.40 0.06 324)',
-    accentMuted: 'oklch(0.955 0.03 324)',
-    accentText: 'oklch(0.40 0.12 324)',
-    accentBlock: 'oklch(0.40 0.06 324)',
+    accent: 'oklch(0.55 0.125 318)',
+    accentHover: 'oklch(0.43 0.12 318)',
+    accentMuted: 'oklch(0.955 0.03 318)',
+    accentText: 'oklch(0.43 0.12 318)',
   },
   assistant: {
-    accent: 'oklch(0.50 0.15 340)',
-    accentHover: 'oklch(0.40 0.06 340)',
-    accentMuted: 'oklch(0.955 0.03 340)',
-    accentText: 'oklch(0.40 0.12 340)',
-    accentBlock: 'oklch(0.40 0.06 340)',
+    accent: 'oklch(0.55 0.125 336)',
+    accentHover: 'oklch(0.43 0.12 336)',
+    accentMuted: 'oklch(0.955 0.03 336)',
+    accentText: 'oklch(0.43 0.12 336)',
   },
   people: {
-    accent: 'oklch(0.61 0.14 356)',
-    accentHover: 'oklch(0.40 0.06 356)',
-    accentMuted: 'oklch(0.955 0.03 356)',
-    accentText: 'oklch(0.40 0.12 356)',
-    accentBlock: 'oklch(0.40 0.06 356)',
+    accent: 'oklch(0.55 0.125 354)',
+    accentHover: 'oklch(0.43 0.12 354)',
+    accentMuted: 'oklch(0.955 0.03 354)',
+    accentText: 'oklch(0.43 0.12 354)',
   },
 }
 

package/src/theme/appIdentityCss.mjs

@@ -1,256 +1,194 @@
 export const appIdentityCss = `
-  /*
-   * Pure app identity layer.
-   *
-   * Identity owns only chrome: wordmark name, active tab marker, primary button,
-   * and one live/selected region. Theme/status colors remain separate. Hues are
-   * perceptually spaced and lightness-staggered so neighbouring apps differ by
-   * value as well as hue.
-   */
   :root,
   :where([data-app]) {
-    --pure-identity-default: #1f9d57;
-    --pure-identity-default-bg: #eef7f1;
-    --pure-identity-default-tx: #15703f;
-    --pure-identity-default-block: #235240;
-    --app-acc: var(--pure-identity-default);
-    --app-bg: var(--pure-identity-default-bg);
-    --app-text: var(--pure-identity-default-tx);
-    --app-block: var(--pure-identity-default-block);
-    --app-primary-fill: var(--app-acc);
+    /* App identity ring — 20 hues, one per app, evenly spaced (~18deg) at
+       matched lightness/chroma in oklch. Chrome-only; never overrides
+       --platform-colors-accent (theme/status meaning). */
+    --pure-coral: oklch(0.55 0.125 12);
+    --pure-coral-bg: oklch(0.955 0.03 12);
+    --pure-coral-tx: oklch(0.43 0.12 12);
+    --pure-redclay: oklch(0.55 0.125 30);
+    --pure-redclay-bg: oklch(0.955 0.03 30);
+    --pure-redclay-tx: oklch(0.43 0.12 30);
+    --pure-terracotta: oklch(0.55 0.125 48);
+    --pure-terracotta-bg: oklch(0.93 0.05 48);
+    --pure-terracotta-tx: oklch(0.43 0.12 48);
+    --pure-bronze: oklch(0.55 0.125 66);
+    --pure-bronze-bg: oklch(0.955 0.03 66);
+    --pure-bronze-tx: oklch(0.43 0.12 66);
+    --pure-gold: oklch(0.55 0.125 84);
+    --pure-gold-bg: oklch(0.955 0.03 84);
+    --pure-gold-tx: oklch(0.43 0.12 84);
+    --pure-citron: oklch(0.55 0.125 102);
+    --pure-citron-bg: oklch(0.955 0.03 102);
+    --pure-citron-tx: oklch(0.43 0.12 102);
+    --pure-olive: oklch(0.55 0.125 120);
+    --pure-olive-bg: oklch(0.955 0.03 120);
+    --pure-olive-tx: oklch(0.43 0.12 120);
+    --pure-leaf: oklch(0.55 0.125 138);
+    --pure-leaf-bg: oklch(0.955 0.03 138);
+    --pure-leaf-tx: oklch(0.43 0.12 138);
+    --pure-fern: oklch(0.55 0.125 156);
+    --pure-fern-bg: oklch(0.955 0.03 156);
+    --pure-fern-tx: oklch(0.43 0.12 156);
+    --pure-spruce: oklch(0.55 0.125 174);
+    --pure-spruce-bg: oklch(0.955 0.03 174);
+    --pure-spruce-tx: oklch(0.43 0.12 174);
+    --pure-teal: oklch(0.55 0.125 192);
+    --pure-teal-bg: oklch(0.955 0.03 192);
+    --pure-teal-tx: oklch(0.43 0.12 192);
+    --pure-ocean: oklch(0.55 0.125 210);
+    --pure-ocean-bg: oklch(0.955 0.03 210);
+    --pure-ocean-tx: oklch(0.43 0.12 210);
+    --pure-azure: oklch(0.55 0.125 228);
+    --pure-azure-bg: oklch(0.955 0.03 228);
+    --pure-azure-tx: oklch(0.43 0.12 228);
+    --pure-cerulean: oklch(0.55 0.125 246);
+    --pure-cerulean-bg: oklch(0.955 0.03 246);
+    --pure-cerulean-tx: oklch(0.43 0.12 246);
+    --pure-indigo: oklch(0.55 0.125 264);
+    --pure-indigo-bg: oklch(0.955 0.03 264);
+    --pure-indigo-tx: oklch(0.43 0.12 264);
+    --pure-violet: oklch(0.55 0.125 282);
+    --pure-violet-bg: oklch(0.955 0.03 282);
+    --pure-violet-tx: oklch(0.43 0.12 282);
+    --pure-purple: oklch(0.55 0.125 300);
+    --pure-purple-bg: oklch(0.955 0.03 300);
+    --pure-purple-tx: oklch(0.43 0.12 300);
+    --pure-orchid: oklch(0.55 0.125 318);
+    --pure-orchid-bg: oklch(0.955 0.03 318);
+    --pure-orchid-tx: oklch(0.43 0.12 318);
+    --pure-magenta: oklch(0.55 0.125 336);
+    --pure-magenta-bg: oklch(0.955 0.03 336);
+    --pure-magenta-tx: oklch(0.43 0.12 336);
+    --pure-raspberry: oklch(0.55 0.125 354);
+    --pure-raspberry-bg: oklch(0.955 0.03 354);
+    --pure-raspberry-tx: oklch(0.43 0.12 354);
+    --pure-house: #1f9d57;
+    --pure-house-bg: #eef7f1;
+    --pure-house-tx: #15703f;
+    --app-acc: var(--pure-house);
+    --app-bg: var(--pure-house-bg);
+    --app-text: var(--pure-house-tx);
+  }
+
+  [data-app='teams'] {
+    --app-acc: var(--pure-coral);
+    --app-bg: var(--pure-coral-bg);
+    --app-text: var(--pure-coral-tx);
+  }
+
+  [data-app='vibes'] {
+    --app-acc: var(--pure-redclay);
+    --app-bg: var(--pure-redclay-bg);
+    --app-text: var(--pure-redclay-tx);
+  }
+
+  [data-app='mail'] {
+    --app-acc: var(--pure-terracotta);
+    --app-bg: var(--pure-terracotta-bg);
+    --app-text: var(--pure-terracotta-tx);
+  }
+
+  [data-app='files'] {
+    --app-acc: var(--pure-bronze);
+    --app-bg: var(--pure-bronze-bg);
+    --app-text: var(--pure-bronze-tx);
+  }
+
+  [data-app='slides'] {
+    --app-acc: var(--pure-gold);
+    --app-bg: var(--pure-gold-bg);
+    --app-text: var(--pure-gold-tx);
+  }
+
+  [data-app='writer'] {
+    --app-acc: var(--pure-citron);
+    --app-bg: var(--pure-citron-bg);
+    --app-text: var(--pure-citron-tx);
+  }
+
+  [data-app='manuscript'] {
+    --app-acc: var(--pure-olive);
+    --app-bg: var(--pure-olive-bg);
+    --app-text: var(--pure-olive-tx);
+  }
+
+  [data-app='book'] {
+    --app-acc: var(--pure-leaf);
+    --app-bg: var(--pure-leaf-bg);
+    --app-text: var(--pure-leaf-tx);
+  }
+
+  [data-app='reports'] {
+    --app-acc: var(--pure-fern);
+    --app-bg: var(--pure-fern-bg);
+    --app-text: var(--pure-fern-tx);
+  }
+
+  [data-app='chart'] {
+    --app-acc: var(--pure-spruce);
+    --app-bg: var(--pure-spruce-bg);
+    --app-text: var(--pure-spruce-tx);
   }
 
-  [data-app='teams'],
-  [data-app='pureteams'] {
-    --app-acc: oklch(0.58 0.13 8);
-    --app-bg: oklch(0.955 0.03 8);
-    --app-text: oklch(0.40 0.12 8);
-    --app-block: oklch(0.40 0.06 8);
+  [data-app='knowledge'] {
+    --app-acc: var(--pure-teal);
+    --app-bg: var(--pure-teal-bg);
+    --app-text: var(--pure-teal-tx);
   }
 
-  [data-app='vibes'],
-  [data-app='purevibes'] {
-    --app-acc: oklch(0.50 0.14 26);
-    --app-bg: oklch(0.955 0.03 26);
-    --app-text: oklch(0.40 0.12 26);
-    --app-block: oklch(0.40 0.06 26);
+  [data-app='research'] {
+    --app-acc: var(--pure-ocean);
+    --app-bg: var(--pure-ocean-bg);
+    --app-text: var(--pure-ocean-tx);
   }
 
-  [data-app='mail'],
-  [data-app='puremail'] {
-    --app-acc: oklch(0.60 0.12 44);
-    --app-bg: oklch(0.93 0.05 44);
-    --app-text: oklch(0.40 0.12 44);
-    --app-block: oklch(0.40 0.06 44);
+  [data-app='sheets'] {
+    --app-acc: var(--pure-azure);
+    --app-bg: var(--pure-azure-bg);
+    --app-text: var(--pure-azure-tx);
   }
 
-  [data-app='files'],
-  [data-app='purefiles'] {
-    --app-acc: oklch(0.50 0.13 64);
-    --app-bg: oklch(0.955 0.03 64);
-    --app-text: oklch(0.40 0.12 64);
-    --app-block: oklch(0.40 0.06 64);
+  [data-app='calendar'] {
+    --app-acc: var(--pure-cerulean);
+    --app-bg: var(--pure-cerulean-bg);
+    --app-text: var(--pure-cerulean-tx);
   }
 
-  [data-app='slides'],
-  [data-app='pureslides'] {
-    --app-acc: oklch(0.61 0.11 84);
-    --app-bg: oklch(0.955 0.03 84);
-    --app-text: oklch(0.40 0.11 84);
-    --app-block: oklch(0.40 0.06 84);
+  [data-app='desktop'] {
+    --app-acc: var(--pure-indigo);
+    --app-bg: var(--pure-indigo-bg);
+    --app-text: var(--pure-indigo-tx);
   }
 
-  [data-app='writer'],
-  [data-app='purewriter'] {
-    --app-acc: oklch(0.50 0.12 102);
-    --app-bg: oklch(0.955 0.03 102);
-    --app-text: oklch(0.40 0.12 102);
-    --app-block: oklch(0.40 0.06 102);
+  [data-app='whiteboard'] {
+    --app-acc: var(--pure-violet);
+    --app-bg: var(--pure-violet-bg);
+    --app-text: var(--pure-violet-tx);
   }
 
-  [data-app='manuscript'],
-  [data-app='puremanuscript'] {
-    --app-acc: oklch(0.61 0.12 124);
-    --app-bg: oklch(0.955 0.03 124);
-    --app-text: oklch(0.40 0.12 124);
-    --app-block: oklch(0.40 0.06 124);
+  [data-app='review'] {
+    --app-acc: var(--pure-purple);
+    --app-bg: var(--pure-purple-bg);
+    --app-text: var(--pure-purple-tx);
   }
 
-  [data-app='book'],
-  [data-app='purebook'] {
-    --app-acc: oklch(0.48 0.14 148);
-    --app-bg: oklch(0.955 0.03 148);
-    --app-text: oklch(0.40 0.12 148);
-    --app-block: oklch(0.40 0.06 148);
+  [data-app='tasks'] {
+    --app-acc: var(--pure-orchid);
+    --app-bg: var(--pure-orchid-bg);
+    --app-text: var(--pure-orchid-tx);
   }
 
-  [data-app='reports'],
-  [data-app='purereports'] {
-    --app-acc: oklch(0.61 0.12 166);
-    --app-bg: oklch(0.955 0.03 166);
-    --app-text: oklch(0.40 0.12 166);
-    --app-block: oklch(0.40 0.06 166);
+  [data-app='assistant'] {
+    --app-acc: var(--pure-magenta);
+    --app-bg: var(--pure-magenta-bg);
+    --app-text: var(--pure-magenta-tx);
   }
 
-  [data-app='chart'],
-  [data-app='purechart'] {
-    --app-acc: oklch(0.48 0.13 184);
-    --app-bg: oklch(0.955 0.03 184);
-    --app-text: oklch(0.40 0.12 184);
-    --app-block: oklch(0.40 0.06 184);
-  }
-
-  [data-app='knowledge'],
-  [data-app='pureknowledge'] {
-    --app-acc: oklch(0.46 0.11 198);
-    --app-bg: oklch(0.955 0.03 198);
-    --app-text: oklch(0.40 0.11 198);
-    --app-block: oklch(0.40 0.06 198);
-  }
-
-  [data-app='research'],
-  [data-app='pureresearch'] {
-    --app-acc: oklch(0.63 0.12 222);
-    --app-bg: oklch(0.955 0.03 222);
-    --app-text: oklch(0.40 0.12 222);
-    --app-block: oklch(0.40 0.06 222);
-  }
-
-  [data-app='sheets'],
-  [data-app='puresheets'] {
-    --app-acc: oklch(0.50 0.13 244);
-    --app-bg: oklch(0.955 0.03 244);
-    --app-text: oklch(0.40 0.12 244);
-    --app-block: oklch(0.40 0.06 244);
-  }
-
-  [data-app='calendar'],
-  [data-app='purecalendar'] {
-    --app-acc: oklch(0.63 0.13 258);
-    --app-bg: oklch(0.955 0.03 258);
-    --app-text: oklch(0.40 0.12 258);
-    --app-block: oklch(0.40 0.06 258);
-  }
-
-  [data-app='desktop'],
-  [data-app='puredesktop'] {
-    --app-acc: oklch(0.48 0.13 274);
-    --app-bg: oklch(0.955 0.03 274);
-    --app-text: oklch(0.40 0.12 274);
-    --app-block: oklch(0.40 0.06 274);
-  }
-
-  [data-app='plan'],
-  [data-app='pureplan'] {
-    --app-acc: oklch(0.61 0.14 290);
-    --app-bg: oklch(0.955 0.03 290);
-    --app-text: oklch(0.40 0.12 290);
-    --app-block: oklch(0.40 0.06 290);
-  }
-
-  [data-app='review'],
-  [data-app='purereview'] {
-    --app-acc: oklch(0.50 0.15 308);
-    --app-bg: oklch(0.955 0.03 308);
-    --app-text: oklch(0.40 0.12 308);
-    --app-block: oklch(0.40 0.06 308);
-  }
-
-  [data-app='tasks'],
-  [data-app='puretasks'] {
-    --app-acc: oklch(0.63 0.15 324);
-    --app-bg: oklch(0.955 0.03 324);
-    --app-text: oklch(0.40 0.12 324);
-    --app-block: oklch(0.40 0.06 324);
-  }
-
-  [data-app='assistant'],
-  [data-app='pureassistant'] {
-    --app-acc: oklch(0.50 0.15 340);
-    --app-bg: oklch(0.955 0.03 340);
-    --app-text: oklch(0.40 0.12 340);
-    --app-block: oklch(0.40 0.06 340);
-  }
-
-  [data-app='people'],
-  [data-app='purepeople'] {
-    --app-acc: oklch(0.61 0.14 356);
-    --app-bg: oklch(0.955 0.03 356);
-    --app-text: oklch(0.40 0.12 356);
-    --app-block: oklch(0.40 0.06 356);
-  }
-
-  [data-app='slides'],
-  [data-app='pureslides'],
-  [data-app='manuscript'],
-  [data-app='puremanuscript'],
-  [data-app='reports'],
-  [data-app='purereports'],
-  [data-app='research'],
-  [data-app='pureresearch'],
-  [data-app='calendar'],
-  [data-app='purecalendar'],
-  [data-app='plan'],
-  [data-app='pureplan'],
-  [data-app='tasks'],
-  [data-app='puretasks'],
-  [data-app='people'],
-  [data-app='purepeople'] {
-    --app-primary-fill: var(--app-block);
-  }
-
-  .pure-wordmark__prefix {
-    color: var(--platform-colors-text-tertiary, #9a9aa0);
-  }
-
-  .pure-wordmark__name {
-    color: var(--app-acc, var(--platform-colors-text));
-    font-weight: 700;
-  }
-
-  .pure-tab.is-active {
-    box-shadow: inset 0 -2px 0 0 var(--app-acc, var(--platform-colors-text));
-  }
-
-  .pure-viewtab.is-active {
-    border-bottom-color: var(--app-acc, var(--platform-colors-text));
-  }
-
-  .pure-btn--primary {
-    background: var(--app-primary-fill, var(--app-acc, var(--platform-colors-text)));
-    border-color: var(--app-primary-fill, var(--app-acc, var(--platform-colors-text)));
-    color: #fff;
-  }
-
-  .pure-btn--primary.is-light {
-    background: var(--app-block, var(--platform-colors-text));
-    border-color: var(--app-block, var(--platform-colors-text));
-  }
-
-  .pure-btn--bordered {
-    background: var(--platform-colors-surface, #fff);
-    border-color: var(--app-acc, var(--platform-colors-text));
-    color: var(--app-text, var(--platform-colors-text));
-  }
-
-  .pure-selected {
-    border-left-color: var(--app-acc, var(--platform-colors-accent));
-    background: var(--platform-colors-surface, #fff);
-  }
-
-  .pure-selected--chip {
-    background: var(--app-bg, var(--platform-colors-surface-muted));
-  }
-
-  .pure-active-col {
-    border-color: var(--app-acc, var(--platform-colors-accent));
-    border-top-color: var(--app-acc, var(--platform-colors-accent));
-    border-radius: 0;
-    background: var(--platform-colors-surface, #fff);
-  }
-
-  .pure-block {
-    background: var(--app-block, var(--platform-colors-text));
-    color: #fff;
+  [data-app='people'] {
+    --app-acc: var(--pure-raspberry);
+    --app-bg: var(--pure-raspberry-bg);
+    --app-text: var(--pure-raspberry-tx);
   }
 `