@bitpoolos/edge-theme 1.0.0 → 1.0.1

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/bitpool-theme.css CHANGED
@@ -129,3 +129,79 @@ g.red-ui-flow-node-group.bp-node-live .red-ui-flow-node {
129
129
  border-color: var(--bp-accent) !important;
130
130
  box-shadow: 0 0 0 3px var(--bp-glow) !important;
131
131
  }
132
+
133
+ /* ============================================================
134
+ Login page — Bitpool dark card on a photo backdrop.
135
+ NR's #node-dialog-login is ALREADY a 2-col flex row:
136
+ [div width:250px > #node-dialog-login-image] [div flex-grow:1 > #node-dialog-login-fields]
137
+ So we DON'T touch the layout — just style within it.
138
+ ============================================================ */
139
+
140
+ .ui-widget-overlay {
141
+ background-image:
142
+ linear-gradient(180deg, rgba(16,18,19,0.55), rgba(16,18,19,0.84)),
143
+ url("/resources/@bitpoolos/edge-theme/login-bg.avif") !important;
144
+ background-size: cover !important;
145
+ background-position: center center !important;
146
+ background-repeat: no-repeat !important;
147
+ opacity: 1 !important;
148
+ }
149
+
150
+ .ui-dialog:has(#node-dialog-login) {
151
+ background: #1E2021 !important;
152
+ border: 1px solid rgba(255,255,255,0.09) !important;
153
+ border-radius: 16px !important;
154
+ box-shadow: 0 30px 70px -25px rgba(0,0,0,0.8) !important;
155
+ padding: 40px 46px !important;
156
+ font-family: "Inter", -apple-system, "Segoe UI", sans-serif !important;
157
+ overflow: hidden !important;
158
+ }
159
+ .ui-dialog:has(#node-dialog-login) .ui-dialog-titlebar { display: none !important; }
160
+
161
+ /* Keep NR's native 2-column flex; just centre the columns vertically + add a gap */
162
+ #node-dialog-login {
163
+ background: transparent !important;
164
+ color: #E8EAEB !important;
165
+ align-items: center !important;
166
+ gap: 26px !important;
167
+ }
168
+
169
+ /* Hero (logo + heading) fills its 250px column */
170
+ #node-dialog-login-image { display: block !important; width: 250px !important; height: auto !important; }
171
+
172
+ /* Fields */
173
+ #node-dialog-login-fields { margin-left: 0 !important; min-width: 300px !important; }
174
+ #node-dialog-login-fields .form-row { margin: 0 0 14px !important; }
175
+ #node-dialog-login-fields .form-row:last-child { margin-bottom: 0 !important; }
176
+ #node-dialog-login-fields label {
177
+ color: #B1B6BB !important;
178
+ font-size: 13px !important;
179
+ font-weight: 400 !important;
180
+ }
181
+ #node-dialog-login-username,
182
+ #node-dialog-login-password {
183
+ box-sizing: border-box !important;
184
+ width: 100% !important;
185
+ background: #181A1B !important;
186
+ border: 1px solid rgba(255,255,255,0.12) !important;
187
+ border-radius: 8px !important;
188
+ color: #EEF2F6 !important;
189
+ padding: 10px 12px !important;
190
+ margin-top: 6px !important;
191
+ }
192
+ #node-dialog-login-username:focus,
193
+ #node-dialog-login-password:focus {
194
+ border-color: #00ADEF !important;
195
+ box-shadow: 0 0 0 3px rgba(0,173,239,0.30) !important;
196
+ outline: none !important;
197
+ }
198
+ #node-dialog-login-submit {
199
+ background: #00ADEF !important;
200
+ color: #08252f !important;
201
+ border: 1px solid transparent !important;
202
+ border-radius: 8px !important;
203
+ padding: 10px 28px !important;
204
+ font-weight: 600 !important;
205
+ font-size: 14px !important;
206
+ }
207
+ #node-dialog-login-submit:hover { background: #0090cc !important; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bitpoolos/edge-theme",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Bitpool Edge theme for Node-RED 5 — cyan accents, glow & animated connection highlight (light + dark)",
5
5
  "files": [
6
6
  "bitpool-theme.css",
@@ -1,5 +1,5 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <svg id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 617.93 192.79">
2
+ <svg id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170" height="53" viewBox="0 0 617.93 192.79">
3
3
  <defs>
4
4
  <style>
5
5
  .cls-1 {
Binary file
@@ -0,0 +1,27 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" width="340" height="212" viewBox="0 0 400 250">
3
+ <defs>
4
+ <linearGradient id="cube" x1="0" y1="96.39" x2="171.04" y2="96.39" gradientUnits="userSpaceOnUse">
5
+ <stop offset="0" stop-color="#83d7f7"/>
6
+ <stop offset="1" stop-color="#00adef"/>
7
+ </linearGradient>
8
+ </defs>
9
+
10
+ <!-- Bitpool logo (cube + wordmark), scaled -->
11
+ <g transform="scale(0.62)">
12
+ <g fill="#ffffff">
13
+ <path d="M255.61,94.18c14.39,1.25,19.23,10.24,19.23,25.46,0,19.64-8.99,24.9-31.27,24.9-17.43,0-26.56-.14-38.04-1.1V47.97c10.24-.97,18.54-1.11,33.76-1.11,24.07,0,32.65,5.26,32.65,24.9,0,13.7-4.7,20.75-16.32,21.86v.55ZM239.84,87.68c11.62,0,15.49-2.77,15.49-13.7s-4.15-13.14-16.88-13.14h-15.91v26.84h17.29ZM240.67,130.57c12.87,0,16.88-2.63,16.88-14.11,0-12.73-4.29-16.05-17.43-16.19h-17.57v30.16l18.12.14Z"/>
14
+ <path d="M295.64,46.17c3.32,0,4.84,1.8,4.84,4.84v7.61c0,3.18-1.52,4.84-4.84,4.84h-7.75c-3.18,0-4.84-1.66-4.84-4.84v-7.61c0-3.04,1.66-4.84,4.84-4.84h7.75ZM283.46,143.43v-67.79h16.74v67.79h-16.74Z"/>
15
+ <path d="M337.38,122.27c0,5.95,2.07,7.88,8.16,7.88h9.27l1.8,12.45c-4.7,1.52-13.28,2.35-17.43,2.35-11.9,0-18.4-7.19-18.4-19.78v-37.35h-12.31v-11.48l12.17-.69v-19.51h16.74v19.51h19.92v12.17h-19.92v34.45Z"/>
16
+ <path d="M380.95,85.74c6.36-7.06,17.85-11.9,27.81-11.9,16.46,0,23.1,13.28,23.1,36.25,0,26.56-8.85,35-26.01,35-8.3,0-16.6-1.94-23.52-6.64.41,4.7.55,9.27.41,14.11v17.85h-16.74v-94.76h13.83l1.11,10.1ZM382.75,128.49c6.78,1.52,11.62,2.9,18.12,2.9,9.96,0,13.69-3.46,13.69-21.44s-3.32-22.27-12.03-22.27c-6.5,0-11.9,3.04-19.78,8.44v32.37Z"/>
17
+ <path d="M505.18,109.54c0,26.01-8.99,35.69-33.34,35.69s-33.62-9.68-33.62-35.69,9.13-35.83,33.62-35.83,33.34,9.82,33.34,35.83ZM455.8,109.54c0,17.43,3.6,22.27,16.05,22.27s15.91-4.84,15.91-22.27-3.74-22.41-15.91-22.41-16.05,4.84-16.05,22.41Z"/>
18
+ <path d="M578.64,109.54c0,26.01-8.99,35.69-33.34,35.69s-33.62-9.68-33.62-35.69,9.13-35.83,33.62-35.83,33.34,9.82,33.34,35.83ZM529.25,109.54c0,17.43,3.6,22.27,16.05,22.27s15.91-4.84,15.91-22.27-3.74-22.41-15.91-22.41-16.05,4.84-16.05,22.41Z"/>
19
+ <path d="M602.16,122.27c-.14,5.39,2.63,7.88,8.02,7.88h5.81l1.94,12.45c-3.04,1.52-10.52,2.35-14.39,2.35-11.21,0-18.26-6.64-18.26-18.54V46.59h16.88v75.67Z"/>
20
+ </g>
21
+ <path fill="url(#cube)" d="M85.52,192.79c-2.6,0-5.1-.62-7.03-1.74L7.04,149.8C3.02,147.49,0,142.25,0,137.61V55.11C0,50.48,3.02,45.24,7.04,42.93L78.48,1.68c3.88-2.24,10.19-2.24,14.07,0l71.45,41.25c4.01,2.32,7.04,7.55,7.04,12.19v82.5c0,4.63-3.02,9.87-7.04,12.19l-71.45,41.25c-1.94,1.12-4.44,1.74-7.04,1.74ZM85.52,8.09c-1.16,0-2.26.24-2.96.65L11.11,49.98c-1.5.86-2.96,3.41-2.96,5.13v82.5c0,1.73,1.47,4.27,2.96,5.13l71.45,41.25c1.4.81,4.53.81,5.93,0l71.45-41.25c1.5-.86,2.96-3.4,2.96-5.13V55.11c0-1.73-1.47-4.27-2.96-5.13L88.48,8.73c-.7-.4-1.81-.65-2.96-.65ZM85.69,165.46h0s59.76-34.67,59.76-34.67v-19.74l-59.76,34.64-25.62-14.79v19.75l25.62,14.81h0s0,0,0,0h0ZM111.28,81.34l-25.6-14.83-25.6,14.83v29.74l25.58,14.8v.03l.02-.02.02.02v-.03l25.58-14.8v-29.61M145.45,61.72l-59.71-34.61-17.07,9.86,59.71,34.62v29.67l17.07-9.87v-29.67ZM25.9,61.77v68.85l17.07,9.88v-68.87l25.77-15.05-17.08-9.86-25.77,15.05Z"/>
22
+ </g>
23
+
24
+ <!-- Heading (Inter, cyan emphasis per Design Language v0.2) -->
25
+ <text x="3" y="182" font-family="Inter, 'Segoe UI', system-ui, -apple-system, sans-serif" font-size="42" font-weight="500" letter-spacing="-1.2" fill="#EEF2F6">Sign in to</text>
26
+ <text x="3" y="230" font-family="Inter, 'Segoe UI', system-ui, -apple-system, sans-serif" font-size="42" font-weight="700" letter-spacing="-1.2" fill="#00ADEF">Bitpool Edge.</text>
27
+ </svg>