@capillaryjs/capillary-ui 1.4.0 → 1.4.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/CHANGELOG.md +8 -0
- package/package.json +1 -1
- package/themes/capillary/theme.css +1 -96
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,14 @@ Versioning.
|
|
|
6
6
|
|
|
7
7
|
## Unreleased
|
|
8
8
|
|
|
9
|
+
## 1.4.1 - 2026-09-20
|
|
10
|
+
|
|
11
|
+
### Fixed
|
|
12
|
+
|
|
13
|
+
- Unset the Capillary theme's `--application-background` override and stop
|
|
14
|
+
the theme from painting a `body` background, so the layered radial-gradient
|
|
15
|
+
combination no longer renders behind the theme's controls.
|
|
16
|
+
|
|
9
17
|
## 1.4.0 - 2026-09-19
|
|
10
18
|
|
|
11
19
|
### Fixed
|
package/package.json
CHANGED
|
@@ -179,101 +179,7 @@ cap-groupbox.cap-groupbox-section:not(cap-groupbox cap-groupbox) {
|
|
|
179
179
|
|
|
180
180
|
|
|
181
181
|
:root {
|
|
182
|
-
--application-background:
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
/*
|
|
186
|
-
* Fold 1:
|
|
187
|
-
* tall fold rising from lower-left toward upper-middle
|
|
188
|
-
*/
|
|
189
|
-
radial-gradient(
|
|
190
|
-
130% 185% at 145% 118%,
|
|
191
|
-
rgb(255 255 255 / 0.00) 0%,
|
|
192
|
-
rgb(255 255 255 / 0.02) 18%,
|
|
193
|
-
rgb(255 255 255 / 0.05) 32%,
|
|
194
|
-
rgb(255 255 255 / 0.09) 44%,
|
|
195
|
-
rgb(255 255 255 / 0.14) 52%,
|
|
196
|
-
rgb(255 255 255 / 0.20) calc(58% - 2px),
|
|
197
|
-
rgb(255 255 255 / 0.96) calc(58% - 1px),
|
|
198
|
-
rgb(255 255 255 / 0.99) 58%,
|
|
199
|
-
rgb(255 255 255 / 0.00) calc(58% + 2px)
|
|
200
|
-
),
|
|
201
|
-
|
|
202
|
-
radial-gradient(
|
|
203
|
-
160% 115% at 95% 118%,
|
|
204
|
-
rgb(255 255 255 / 0.00) 0%,
|
|
205
|
-
rgb(255 255 255 / 0.02) 18%,
|
|
206
|
-
rgb(255 255 255 / 0.05) 32%,
|
|
207
|
-
rgb(255 255 255 / 0.09) 44%,
|
|
208
|
-
rgb(255 255 255 / 0.14) 52%,
|
|
209
|
-
rgb(255 255 255 / 0.20) calc(58% - 2px),
|
|
210
|
-
rgb(255 255 255 / 0.96) calc(58% - 1px),
|
|
211
|
-
rgb(255 255 255 / 0.99) 58%,
|
|
212
|
-
rgb(255 255 255 / 0.00) calc(58% + 2px)
|
|
213
|
-
),
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
/*
|
|
217
|
-
* Fold 2:
|
|
218
|
-
* broad sweep across the lower-middle
|
|
219
|
-
*/
|
|
220
|
-
radial-gradient(
|
|
221
|
-
130% 210% at -48% 82%,
|
|
222
|
-
rgb(255 255 255 / 0.00) 0%,
|
|
223
|
-
rgb(255 255 255 / 0.02) 24%,
|
|
224
|
-
rgb(255 255 255 / 0.05) 40%,
|
|
225
|
-
rgb(255 255 255 / 0.09) 52%,
|
|
226
|
-
rgb(255 255 255 / 0.14) 60%,
|
|
227
|
-
rgb(255 255 255 / 0.20) calc(66% - 2px),
|
|
228
|
-
rgb(255 255 255 / 0.82) calc(66% - 1px),
|
|
229
|
-
rgb(255 255 255 / 0.88) 66%,
|
|
230
|
-
rgb(255 255 255 / 0.00) calc(66% + 2px)
|
|
231
|
-
),
|
|
232
|
-
|
|
233
|
-
/*
|
|
234
|
-
* Fold 3:
|
|
235
|
-
* subtle top-right fold
|
|
236
|
-
*/
|
|
237
|
-
radial-gradient(
|
|
238
|
-
125% 155% at 138% -28%,
|
|
239
|
-
rgb(255 255 255 / 0.00) 0%,
|
|
240
|
-
rgb(255 255 255 / 0.01) 24%,
|
|
241
|
-
rgb(255 255 255 / 0.03) 38%,
|
|
242
|
-
rgb(255 255 255 / 0.07) 48%,
|
|
243
|
-
rgb(255 255 255 / 0.12) 54%,
|
|
244
|
-
rgb(255 255 255 / 0.20) calc(57% - 2px),
|
|
245
|
-
rgb(255 255 255 / 0.55) calc(57% - 1px),
|
|
246
|
-
rgb(255 255 255 / 0.62) 57%,
|
|
247
|
-
rgb(255 255 255 / 0.00) calc(57% + 2px)
|
|
248
|
-
),
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
radial-gradient(
|
|
252
|
-
125% 155% at 0% -25%,
|
|
253
|
-
rgb(255 255 255 / 0.00) 0%,
|
|
254
|
-
rgb(255 255 255 / 0.01) 24%,
|
|
255
|
-
rgb(255 255 255 / 0.03) 38%,
|
|
256
|
-
rgb(255 255 255 / 0.07) 48%,
|
|
257
|
-
rgb(255 255 255 / 0.12) 54%,
|
|
258
|
-
rgb(255 255 255 / 0.20) calc(57% - 2px),
|
|
259
|
-
rgb(255 255 255 / 0.55) calc(57% - 1px),
|
|
260
|
-
rgb(255 255 255 / 0.62) 57%,
|
|
261
|
-
rgb(255 255 255 / 0.00) calc(57% + 2px)
|
|
262
|
-
),
|
|
263
|
-
|
|
264
|
-
/*
|
|
265
|
-
* very subtle overall lighting
|
|
266
|
-
*/
|
|
267
|
-
linear-gradient(
|
|
268
|
-
135deg,
|
|
269
|
-
rgb(255 255 255 / 0.06) 0%,
|
|
270
|
-
transparent 42%,
|
|
271
|
-
rgb(0 0 0 / 0.025) 100%
|
|
272
|
-
),
|
|
273
|
-
|
|
274
|
-
#cfcfcf;
|
|
275
|
-
|
|
276
|
-
background-attachment: local;
|
|
182
|
+
--application-background: unset;
|
|
277
183
|
}
|
|
278
184
|
|
|
279
185
|
html {
|
|
@@ -282,7 +188,6 @@ html {
|
|
|
282
188
|
}
|
|
283
189
|
|
|
284
190
|
body {
|
|
285
|
-
background: var(--application-background) no-repeat;
|
|
286
191
|
min-height: 100vh;
|
|
287
192
|
height: 100%;
|
|
288
193
|
}
|