@jotx-labs/editor 2.4.161 → 2.4.162

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/dist/styles/NodePickerDialog.css +11 -9
  2. package/package.json +1 -1
  3. package/src/styles/NodePickerDialog.css +11 -9
package/dist/styles/NodePickerDialog.css CHANGED
@@ -13,8 +13,10 @@
13
13
 
14
14
  .node-picker-dialog {
15
15
  /* Support both VS Code and web */
16
- background: var(--vscode-editor-background, hsl(var(--background)));
17
- border: 1px solid var(--vscode-panel-border, hsl(var(--border)));
16
+ /* Use inherit to get theme colors from parent, with solid dark fallback */
17
+ background: var(--vscode-editor-background, hsl(var(--background, 220 15% 10%)));
18
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
19
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
18
20
  border-radius: 8px;
19
21
  width: 600px;
20
22
  max-height: 80vh;
@@ -35,13 +37,13 @@
35
37
  margin: 0;
36
38
  font-size: 16px;
37
39
  font-weight: 600;
38
- color: var(--vscode-foreground, hsl(var(--foreground)));
40
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
39
41
  }
40
42
 
41
43
  .close-btn {
42
44
  background: none;
43
45
  border: none;
44
- color: var(--vscode-foreground, hsl(var(--foreground)));
46
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
45
47
  font-size: 24px;
46
48
  cursor: pointer;
47
49
  padding: 0;
@@ -68,7 +70,7 @@
68
70
  background: var(--vscode-input-background, hsl(var(--input)));
69
71
  border: 1px solid var(--vscode-input-border, hsl(var(--border)));
70
72
  border-radius: 4px;
71
- color: var(--vscode-input-foreground, hsl(var(--foreground)));
73
+ color: var(--vscode-input-foreground, hsl(var(--foreground, 0 0% 95%)));
72
74
  font-size: 14px;
73
75
  }
74
76
 
@@ -88,7 +90,7 @@
88
90
  padding: 12px 16px;
89
91
  background: none;
90
92
  border: none;
91
- color: var(--vscode-foreground, hsl(var(--foreground)));
93
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
92
94
  cursor: pointer;
93
95
  font-size: 14px;
94
96
  opacity: 0.7;
@@ -143,7 +145,7 @@
143
145
  .node-label {
144
146
  font-size: 14px;
145
147
  font-weight: 500;
146
- color: var(--vscode-foreground, hsl(var(--foreground)));
148
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
147
149
  overflow: hidden;
148
150
  text-overflow: ellipsis;
149
151
  white-space: nowrap;
@@ -151,7 +153,7 @@
151
153
 
152
154
  .node-meta {
153
155
  font-size: 12px;
154
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
156
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 220 8% 75%)));
155
157
  margin-top: 4px;
156
158
  overflow: hidden;
157
159
  text-overflow: ellipsis;
@@ -164,7 +166,7 @@
164
166
  align-items: center;
165
167
  justify-content: center;
166
168
  padding: 40px;
167
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
169
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 220 8% 75%)));
168
170
  font-size: 14px;
169
171
  }
170
172
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jotx-labs/editor",
3
- "version": "2.4.161",
3
+ "version": "2.4.162",
4
4
  "files": [
5
5
  "dist",
6
6
  "src/styles"
package/src/styles/NodePickerDialog.css CHANGED
@@ -13,8 +13,10 @@
13
13
 
14
14
  .node-picker-dialog {
15
15
  /* Support both VS Code and web */
16
- background: var(--vscode-editor-background, hsl(var(--background)));
17
- border: 1px solid var(--vscode-panel-border, hsl(var(--border)));
16
+ /* Use inherit to get theme colors from parent, with solid dark fallback */
17
+ background: var(--vscode-editor-background, hsl(var(--background, 220 15% 10%)));
18
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
19
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
18
20
  border-radius: 8px;
19
21
  width: 600px;
20
22
  max-height: 80vh;
@@ -35,13 +37,13 @@
35
37
  margin: 0;
36
38
  font-size: 16px;
37
39
  font-weight: 600;
38
- color: var(--vscode-foreground, hsl(var(--foreground)));
40
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
39
41
  }
40
42
 
41
43
  .close-btn {
42
44
  background: none;
43
45
  border: none;
44
- color: var(--vscode-foreground, hsl(var(--foreground)));
46
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
45
47
  font-size: 24px;
46
48
  cursor: pointer;
47
49
  padding: 0;
@@ -68,7 +70,7 @@
68
70
  background: var(--vscode-input-background, hsl(var(--input)));
69
71
  border: 1px solid var(--vscode-input-border, hsl(var(--border)));
70
72
  border-radius: 4px;
71
- color: var(--vscode-input-foreground, hsl(var(--foreground)));
73
+ color: var(--vscode-input-foreground, hsl(var(--foreground, 0 0% 95%)));
72
74
  font-size: 14px;
73
75
  }
74
76
 
@@ -88,7 +90,7 @@
88
90
  padding: 12px 16px;
89
91
  background: none;
90
92
  border: none;
91
- color: var(--vscode-foreground, hsl(var(--foreground)));
93
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
92
94
  cursor: pointer;
93
95
  font-size: 14px;
94
96
  opacity: 0.7;
@@ -143,7 +145,7 @@
143
145
  .node-label {
144
146
  font-size: 14px;
145
147
  font-weight: 500;
146
- color: var(--vscode-foreground, hsl(var(--foreground)));
148
+ color: var(--vscode-foreground, hsl(var(--foreground, 0 0% 95%)));
147
149
  overflow: hidden;
148
150
  text-overflow: ellipsis;
149
151
  white-space: nowrap;
@@ -151,7 +153,7 @@
151
153
 
152
154
  .node-meta {
153
155
  font-size: 12px;
154
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
156
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 220 8% 75%)));
155
157
  margin-top: 4px;
156
158
  overflow: hidden;
157
159
  text-overflow: ellipsis;
@@ -164,7 +166,7 @@
164
166
  align-items: center;
165
167
  justify-content: center;
166
168
  padding: 40px;
167
- color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground)));
169
+ color: var(--vscode-descriptionForeground, hsl(var(--muted-foreground, 220 8% 75%)));
168
170
  font-size: 14px;
169
171
  }
170
172