@cyprnet/node-red-contrib-uibuilder-formgen 0.5.3 → 0.5.5

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/CHANGELOG.md CHANGED
@@ -2,6 +2,14 @@
2
2
 
3
3
  All notable changes to this package will be documented in this file.
4
4
 
5
+ ## 0.5.5
6
+
7
+ - Dark mode: improved **result table readability** (light table background + black text).
8
+
9
+ ## 0.5.4
10
+
11
+ - Templates: reduced header-to-form spacing when using larger custom logos.
12
+
5
13
  ## 0.5.3
6
14
 
7
15
  - FormGen node: added **Logo height/width** options (defaults to **252h x 1100w**) with per-message override support.
@@ -455,7 +455,7 @@ module.exports = function(RED) {
455
455
  await fs.writeJson(targetSchema, schema, { spaces: 2 });
456
456
 
457
457
  const runtimeData = {
458
- generatorVersion: "0.5.3",
458
+ generatorVersion: "0.5.5",
459
459
  generatorNode: "uibuilder-formgen-v3",
460
460
  timestamp: new Date().toISOString(),
461
461
  instanceName: instanceName,
@@ -484,7 +484,7 @@ module.exports = function(RED) {
484
484
 
485
485
  // Write runtime metadata
486
486
  const runtimeData = {
487
- generatorVersion: "0.5.3",
487
+ generatorVersion: "0.5.5",
488
488
  timestamp: new Date().toISOString(),
489
489
  instanceName: instanceName,
490
490
  storageMode: storageMode,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cyprnet/node-red-contrib-uibuilder-formgen",
3
- "version": "0.5.3",
3
+ "version": "0.5.5",
4
4
  "description": "PortalSmith: Generate schema-driven uibuilder form portals from JSON",
5
5
  "keywords": [
6
6
  "node-red",
@@ -101,6 +101,24 @@
101
101
  border-color: var(--ps-border) !important;
102
102
  }
103
103
 
104
+ /* Dark mode readability: force result tables to light background + black text */
105
+ html[data-theme="dark"] .table,
106
+ html[data-theme="dark"] .table th,
107
+ html[data-theme="dark"] .table td {
108
+ background-color: #ffffff !important;
109
+ color: #000000 !important;
110
+ }
111
+ html[data-theme="dark"] .table thead th {
112
+ background-color: #f2f2f2 !important;
113
+ color: #000000 !important;
114
+ }
115
+ html[data-theme="dark"] .table-bordered,
116
+ html[data-theme="dark"] .table th,
117
+ html[data-theme="dark"] .table td,
118
+ html[data-theme="dark"] .table thead th {
119
+ border-color: rgba(0,0,0,0.15) !important;
120
+ }
121
+
104
122
  .form-control,
105
123
  .custom-select {
106
124
  background-color: var(--ps-input-bg);
@@ -128,7 +146,7 @@
128
146
  justify-content: space-between;
129
147
  align-items: center;
130
148
  gap: 1rem;
131
- margin-bottom: 1rem;
149
+ margin-bottom: 0.5rem;
132
150
  }
133
151
  .ps-logo {
134
152
  max-height: 48px;
@@ -142,6 +160,7 @@
142
160
  max-width: var(--ps-logo-max-width, 1100px);
143
161
  width: auto;
144
162
  height: auto;
163
+ display: block;
145
164
  object-fit: contain;
146
165
  }
147
166
  .ps-watermark {
@@ -86,6 +86,24 @@
86
86
  border-color: var(--ps-border) !important;
87
87
  }
88
88
 
89
+ /* Dark mode readability: force result tables to light background + black text */
90
+ html[data-theme="dark"] .table,
91
+ html[data-theme="dark"] .table th,
92
+ html[data-theme="dark"] .table td {
93
+ background-color: #ffffff !important;
94
+ color: #000000 !important;
95
+ }
96
+ html[data-theme="dark"] .table thead th {
97
+ background-color: #f2f2f2 !important;
98
+ color: #000000 !important;
99
+ }
100
+ html[data-theme="dark"] .table-bordered,
101
+ html[data-theme="dark"] .table th,
102
+ html[data-theme="dark"] .table td,
103
+ html[data-theme="dark"] .table thead th {
104
+ border-color: rgba(0,0,0,0.15) !important;
105
+ }
106
+
89
107
  .form-control,
90
108
  .form-select {
91
109
  background-color: var(--ps-input-bg);
@@ -111,7 +129,7 @@
111
129
  justify-content: space-between;
112
130
  align-items: center;
113
131
  gap: 1rem;
114
- margin-bottom: 1rem;
132
+ margin-bottom: 0.5rem;
115
133
  }
116
134
  .ps-logo {
117
135
  max-height: 48px;
@@ -125,6 +143,7 @@
125
143
  max-width: var(--ps-logo-max-width, 1100px);
126
144
  width: auto;
127
145
  height: auto;
146
+ display: block;
128
147
  object-fit: contain;
129
148
  }
130
149
  .ps-watermark {