@dbx-tools/ui-branding 0.6.15 → 0.6.34
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/package.json +2 -2
- package/src/brand-bridge.css +18 -1
package/package.json
CHANGED
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"react": "^19.2.4",
|
|
17
17
|
"react-dom": "^19.2.4",
|
|
18
|
-
"@dbx-tools/shared-core": "0.6.
|
|
18
|
+
"@dbx-tools/shared-core": "0.6.34"
|
|
19
19
|
},
|
|
20
20
|
"license": "UNLICENSED",
|
|
21
21
|
"publishConfig": {
|
|
22
22
|
"access": "public"
|
|
23
23
|
},
|
|
24
|
-
"version": "0.6.
|
|
24
|
+
"version": "0.6.34",
|
|
25
25
|
"type": "module",
|
|
26
26
|
"exports": {
|
|
27
27
|
"./react": "./src/react/index.ts",
|
package/src/brand-bridge.css
CHANGED
|
@@ -26,7 +26,24 @@
|
|
|
26
26
|
--primary: var(--brand-color-primary);
|
|
27
27
|
--primary-foreground: var(--brand-color-background);
|
|
28
28
|
--ring: var(--brand-color-primary);
|
|
29
|
-
|
|
29
|
+
/*
|
|
30
|
+
* `--accent` is a SURFACE, not an identity color. In AppKit / shadcn it is the
|
|
31
|
+
* subtle hover + selected background (light theme `oklch(0.967 0.001 286)`,
|
|
32
|
+
* i.e. near-white) paired with a near-black `--accent-foreground`. Assigning
|
|
33
|
+
* the brand accent to it at full strength therefore put dark text on saturated
|
|
34
|
+
* `#00A972` in every hover and every selected row - the selected conversation
|
|
35
|
+
* in `ThreadSidebar`, which styles off `bg-accent text-accent-foreground`, was
|
|
36
|
+
* the worst of it.
|
|
37
|
+
*
|
|
38
|
+
* So tint rather than replace: a low percentage of the brand accent mixed into
|
|
39
|
+
* the CURRENT `--background`. Because `--background` is a neutral this bridge
|
|
40
|
+
* deliberately leaves to AppKit, the mix follows the active theme on its own -
|
|
41
|
+
* a pale wash in light mode, a deep one in dark - which keeps AppKit's own
|
|
42
|
+
* per-theme `--accent-foreground` (near-black / near-white) readable against
|
|
43
|
+
* it. That is also why `--accent-foreground` is NOT set here: pinning it would
|
|
44
|
+
* break whichever theme it was not chosen for.
|
|
45
|
+
*/
|
|
46
|
+
--accent: color-mix(in oklab, var(--brand-color-accent) 18%, var(--background));
|
|
30
47
|
--sidebar-primary: var(--brand-color-primary);
|
|
31
48
|
--sidebar-primary-foreground: var(--brand-color-background);
|
|
32
49
|
--sidebar-ring: var(--brand-color-primary);
|