@floegence/floe-webapp-core 0.36.70 → 0.36.71

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 (6) hide show
  1. package/dist/styles/tokens.d.ts +84 -84
  2. package/dist/styles/tokens.js +42 -42
  3. package/dist/styles.css +1 -1
  4. package/dist/themes/light.css +48 -48
  5. package/dist/workbench.css +26 -18
  6. package/package.json +1 -1
package/dist/themes/light.css CHANGED
@@ -1,54 +1,54 @@
1
- /* Light theme - Warm paper aesthetic */
1
+ /* Light theme - Redeven warm paper aesthetic */
2
2
  :root,
3
3
  .light {
4
4
  color-scheme: light;
5
5
 
6
- /* Base - Warm beige paper (aligned with Console light theme) */
7
- --background: hsl(36 15% 93%);
8
- --foreground: hsl(215 40% 13%);
6
+ /* Base - Warm paper and blue-black ink */
7
+ --background: hsl(34 24% 94%);
8
+ --foreground: hsl(214 26% 17%);
9
9
 
10
10
  /* Primary - Deep blue-black ink */
11
- --primary: hsl(215 40% 13%);
12
- --primary-foreground: hsl(0 0% 98%);
11
+ --primary: hsl(214 26% 17%);
12
+ --primary-foreground: hsl(36 100% 99%);
13
13
 
14
14
  /* Secondary - Warm muted */
15
- --secondary: hsl(36 10% 88%);
16
- --secondary-foreground: hsl(215 30% 26%);
15
+ --secondary: hsl(36 15% 94%);
16
+ --secondary-foreground: hsl(214 25% 25%);
17
17
 
18
18
  /* Muted - Warm gray */
19
- --muted: hsl(36 10% 88%);
20
- --muted-foreground: hsl(215 20% 42%);
19
+ --muted: hsl(36 15% 94%);
20
+ --muted-foreground: hsl(215 16% 42%);
21
21
 
22
22
  /* Accent - Subtle warm highlight */
23
- --accent: hsl(36 10% 88%);
24
- --accent-foreground: hsl(215 40% 13%);
23
+ --accent: hsl(34 11% 88%);
24
+ --accent-foreground: hsl(214 26% 17%);
25
25
 
26
26
  /* Border - Warm gray */
27
- --border: hsl(36 10% 82%);
28
- --input: hsl(36 10% 82%);
29
- --ring: hsl(215 40% 13%);
30
- --chrome-border: var(--border);
27
+ --border: hsl(35 13% 82%);
28
+ --input: hsl(37 15% 76%);
29
+ --ring: hsl(214 26% 17%);
30
+ --chrome-border: hsl(33 11% 84%);
31
31
  --top-bar-border: var(--chrome-border);
32
32
  --activity-bar-border: var(--chrome-border);
33
33
  --bottom-bar-border: var(--chrome-border);
34
34
  --terminal-panel-border: var(--chrome-border);
35
35
 
36
36
  /* Card */
37
- --card: hsl(0 0% 100%);
38
- --card-foreground: hsl(215 40% 13%);
37
+ --card: hsl(36 100% 99%);
38
+ --card-foreground: hsl(214 26% 17%);
39
39
 
40
40
  /* Popover */
41
- --popover: hsl(0 0% 100%);
42
- --popover-foreground: hsl(215 40% 13%);
41
+ --popover: hsl(36 100% 99%);
42
+ --popover-foreground: hsl(214 26% 17%);
43
43
 
44
- /* Status colors - Using OKLCH for perceptual consistency */
44
+ /* Status colors */
45
45
  --success: oklch(0.68 0.16 150);
46
46
  --success-foreground: hsl(0 0% 100%);
47
- --warning: oklch(0.78 0.14 80);
48
- --warning-foreground: hsl(240 5% 10%);
47
+ --warning: hsl(38 92% 50%);
48
+ --warning-foreground: hsl(214 26% 17%);
49
49
  --error: oklch(0.65 0.2 25);
50
50
  --error-foreground: hsl(0 0% 100%);
51
- --info: oklch(0.65 0.13 250);
51
+ --info: hsl(217 91% 60%);
52
52
  --info-foreground: hsl(0 0% 100%);
53
53
 
54
54
  /* Highlight block accents - deeper than shared status tokens */
@@ -59,33 +59,33 @@
59
59
  --highlight-block-note-accent: oklch(0.52 0.16 285);
60
60
  --highlight-block-tip-accent: oklch(0.52 0.12 175);
61
61
 
62
- /* Sidebar - Slightly warmer */
63
- --sidebar: hsl(36 12% 91%);
64
- --sidebar-foreground: hsl(215 40% 13%);
65
- --sidebar-primary: hsl(215 40% 13%);
66
- --sidebar-primary-foreground: hsl(0 0% 98%);
67
- --sidebar-accent: hsl(36 12% 86%);
68
- --sidebar-accent-foreground: hsl(215 40% 13%);
69
- --sidebar-border: hsl(36 8% 84%);
70
- --sidebar-ring: hsl(215 40% 13%);
62
+ /* Sidebar */
63
+ --sidebar: hsl(36 13% 92%);
64
+ --sidebar-foreground: hsl(214 26% 17%);
65
+ --sidebar-primary: hsl(214 26% 17%);
66
+ --sidebar-primary-foreground: hsl(36 100% 99%);
67
+ --sidebar-accent: hsl(34 11% 88%);
68
+ --sidebar-accent-foreground: hsl(214 26% 17%);
69
+ --sidebar-border: hsl(33 11% 84%);
70
+ --sidebar-ring: hsl(214 26% 17%);
71
71
 
72
72
  /* Activity bar */
73
- --activity-bar: hsl(36 10% 90%);
74
- --activity-bar-foreground: hsl(215 20% 42%);
75
- --activity-bar-foreground-active: hsl(215 40% 13%);
76
- --activity-bar-badge: hsl(215 40% 13%);
77
- --activity-bar-badge-foreground: hsl(0 0% 98%);
73
+ --activity-bar: hsl(36 13% 92%);
74
+ --activity-bar-foreground: hsl(215 16% 42%);
75
+ --activity-bar-foreground-active: hsl(214 26% 17%);
76
+ --activity-bar-badge: hsl(214 26% 17%);
77
+ --activity-bar-badge-foreground: hsl(36 100% 99%);
78
78
 
79
79
  /* Terminal */
80
- --terminal-background: hsl(215 40% 13%);
80
+ --terminal-background: hsl(214 26% 17%);
81
81
  --terminal-foreground: hsl(0 0% 92%);
82
82
 
83
83
  /* Chart colors */
84
- --chart-1: hsl(215 40% 13%);
85
- --chart-2: hsl(36 15% 60%);
86
- --chart-3: oklch(0.65 0.13 250);
84
+ --chart-1: hsl(214 26% 17%);
85
+ --chart-2: hsl(215 16% 42%);
86
+ --chart-3: hsl(217 91% 60%);
87
87
  --chart-4: oklch(0.68 0.16 150);
88
- --chart-5: oklch(0.78 0.14 80);
88
+ --chart-5: hsl(38 92% 50%);
89
89
 
90
90
  /* ============================================
91
91
  Selection Colors
@@ -98,14 +98,14 @@
98
98
  */
99
99
 
100
100
  /* Default selection */
101
- --selection-bg: hsl(215 80% 55%);
101
+ --selection-bg: hsl(217 91% 60%);
102
102
  --selection-fg: hsl(0 0% 100%);
103
103
 
104
104
  /* Selection on primary backgrounds
105
- In light theme, primary is dark (hsl(215 40% 13%)),
106
- so we use a bright selection to keep contrast. */
107
- --selection-on-primary-bg: hsl(45 100% 55%);
108
- --selection-on-primary-fg: hsl(0 0% 0%);
105
+ In light theme, primary is dark (hsl(214 26% 17%)),
106
+ so we use a warm amber selection to keep contrast. */
107
+ --selection-on-primary-bg: hsl(38 92% 50%);
108
+ --selection-on-primary-fg: hsl(214 26% 17%);
109
109
 
110
110
  /* Code-block selection (code blocks use a dark background: #0d1117) */
111
111
  --selection-code-bg: hsl(212 100% 67%);
package/dist/workbench.css CHANGED
@@ -121,7 +121,7 @@
121
121
  );
122
122
  --wb-font-display: var(--wb-font-body);
123
123
  --wb-font-mono: 'SF Mono', 'Cascadia Code', Menlo, Consolas, ui-monospace, monospace;
124
- --wb-accent: var(--primary, #3b82f6);
124
+ --wb-accent: var(--primary, #202a37);
125
125
  --wb-accent-strong: color-mix(in srgb, var(--wb-accent) 82%, black);
126
126
  --wb-accent-soft: color-mix(in srgb, var(--wb-accent) 12%, transparent);
127
127
  --wb-accent-ring: color-mix(in srgb, var(--wb-accent) 28%, transparent);
@@ -138,23 +138,31 @@
138
138
  --wb-atmosphere: none;
139
139
  --wb-atmosphere-opacity: 0;
140
140
  --wb-atmosphere-blend: normal;
141
- --wb-terminal-bg: linear-gradient(180deg, #1d1f2b 0%, #121322 100%);
142
- --wb-terminal-toolbar: rgba(0, 0, 0, 0.15);
143
- --wb-terminal-text: #d6dee7;
144
- --wb-terminal-muted: #7e87a4;
145
- --wb-terminal-prompt: #6bff8d;
146
- --wb-chart-cpu: #3b82f6;
147
- --wb-chart-memory: #f59e0b;
148
- --wb-chart-disk: #10b981;
149
- --wb-log-info: #3b82f6;
150
- --wb-log-warn: #f59e0b;
151
- --wb-log-error: #ef4444;
152
- --wb-log-debug: #94a3b8;
153
- --wb-syntax-keyword: #c678dd;
154
- --wb-syntax-string: #98c379;
155
- --wb-syntax-fn: #61afef;
156
- --wb-syntax-number: #d19a66;
157
- --wb-syntax-attr: #e5c07b;
141
+ --wb-terminal-bg: var(--terminal-background, #202a37);
142
+ --wb-terminal-toolbar: color-mix(
143
+ in srgb,
144
+ var(--terminal-background, #202a37) 88%,
145
+ var(--terminal-foreground, #d6dee7)
146
+ );
147
+ --wb-terminal-text: var(--terminal-foreground, #d6dee7);
148
+ --wb-terminal-muted: color-mix(
149
+ in srgb,
150
+ var(--terminal-foreground, #d6dee7) 58%,
151
+ var(--terminal-background, #202a37)
152
+ );
153
+ --wb-terminal-prompt: var(--success, #10b981);
154
+ --wb-chart-cpu: var(--info, #3b82f6);
155
+ --wb-chart-memory: var(--warning, #f59e0b);
156
+ --wb-chart-disk: var(--success, #10b981);
157
+ --wb-log-info: var(--info, #3b82f6);
158
+ --wb-log-warn: var(--warning, #f59e0b);
159
+ --wb-log-error: var(--error, #ef4444);
160
+ --wb-log-debug: var(--muted-foreground, #64748b);
161
+ --wb-syntax-keyword: var(--info, #3b82f6);
162
+ --wb-syntax-string: var(--success, #10b981);
163
+ --wb-syntax-fn: var(--info, #3b82f6);
164
+ --wb-syntax-number: var(--warning, #f59e0b);
165
+ --wb-syntax-attr: var(--muted-foreground, #64748b);
158
166
  }
159
167
 
160
168
  .workbench-surface__body {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@floegence/floe-webapp-core",
3
- "version": "0.36.70",
3
+ "version": "0.36.71",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",