@skyux/theme 14.11.0 → 14.13.0
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/css/sky.css +16 -5
- package/css/themes/modern/styles.css +0 -16
- package/package.json +1 -1
package/css/sky.css
CHANGED
|
@@ -2166,6 +2166,10 @@ a.sky-btn:hover {
|
|
|
2166
2166
|
--sky-override-form-control-color: var(--sky-text-color-default);
|
|
2167
2167
|
}
|
|
2168
2168
|
|
|
2169
|
+
select:not(.sky-theme-modern *) {
|
|
2170
|
+
--sky-override-select-icon-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDEwIiB3aWR0aD0iNSIgaGVpZ2h0PSIxMCI+Cgk8c3R5bGU+CgkJdHNwYW4geyB3aGl0ZS1zcGFjZTpwcmUgfQoJCS5zaHAwIHsgZmlsbDogIzQ0NDQ0NCB9IAoJPC9zdHlsZT4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0xLjQxIDQuNjdMMi40OCAzLjE4TDMuNTQgNC42N0wxLjQxIDQuNjdMMS40MSA0LjY3WiIgLz4KCTxwYXRoIGlkPSJMYXllciIgY2xhc3M9InNocDAiIGQ9Ik0zLjU0IDUuMzNMMi40OCA2LjgyTDEuNDEgNS4zM0wzLjU0IDUuMzNMMy41NCA1LjMzWiIgLz4KPC9zdmc+);
|
|
2171
|
+
}
|
|
2172
|
+
|
|
2169
2173
|
.sky-form-control {
|
|
2170
2174
|
width: 100%;
|
|
2171
2175
|
padding: 6px 12px;
|
|
@@ -2247,7 +2251,7 @@ fieldset {
|
|
|
2247
2251
|
|
|
2248
2252
|
select {
|
|
2249
2253
|
appearance: none;
|
|
2250
|
-
background: #fff
|
|
2254
|
+
background: #fff var(--sky-override-select-icon-image, var(--sky-image-select_icon-base)) no-repeat right/15px 30px;
|
|
2251
2255
|
border-top: 1px solid #e2e3e4;
|
|
2252
2256
|
border-bottom: 1px solid #e2e3e4;
|
|
2253
2257
|
border-left: 1px solid #e2e3e4;
|
|
@@ -3147,6 +3151,13 @@ html:not(:has(body.sky-theme-modern)) {
|
|
|
3147
3151
|
--sky-override-scrollbar-color-track: auto;
|
|
3148
3152
|
}
|
|
3149
3153
|
|
|
3154
|
+
body:not(.sky-theme-modern) {
|
|
3155
|
+
--sky-override-color-illustration-fill-softest: #ffffff;
|
|
3156
|
+
--sky-override-color-illustration-fill-soft: #e7fbf1;
|
|
3157
|
+
--sky-override-color-illustration-fill-heavy: #6de8ab;
|
|
3158
|
+
--sky-override-color-illustration-stroke: #004054;
|
|
3159
|
+
}
|
|
3160
|
+
|
|
3150
3161
|
* {
|
|
3151
3162
|
box-sizing: border-box;
|
|
3152
3163
|
}
|
|
@@ -3254,16 +3265,16 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
3254
3265
|
width: 100%;
|
|
3255
3266
|
}
|
|
3256
3267
|
.sky-illustration-svg .sky-illustration-fill-softest {
|
|
3257
|
-
fill:
|
|
3268
|
+
fill: var(--sky-override-color-illustration-fill-softest, var(--sky-color-illustration-fill-softest));
|
|
3258
3269
|
}
|
|
3259
3270
|
.sky-illustration-svg .sky-illustration-fill-soft {
|
|
3260
|
-
fill:
|
|
3271
|
+
fill: var(--sky-override-color-illustration-fill-soft, var(--sky-color-illustration-fill-soft));
|
|
3261
3272
|
}
|
|
3262
3273
|
.sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3263
|
-
fill:
|
|
3274
|
+
fill: var(--sky-override-color-illustration-fill-heavy, var(--sky-color-illustration-fill-heavy));
|
|
3264
3275
|
}
|
|
3265
3276
|
.sky-illustration-svg .sky-illustration-outline {
|
|
3266
|
-
stroke:
|
|
3277
|
+
stroke: var(--sky-override-color-illustration-stroke, var(--sky-color-illustration-stroke));
|
|
3267
3278
|
}
|
|
3268
3279
|
|
|
3269
3280
|
.sky-viewkeeper-boundary {
|
|
@@ -3554,22 +3554,6 @@ body.sky-theme-modern {
|
|
|
3554
3554
|
.sky-theme-modern .sky-rounded-corners {
|
|
3555
3555
|
border-radius: var(--sky-border-radius-s);
|
|
3556
3556
|
}
|
|
3557
|
-
.sky-theme-modern .sky-illustration-svg {
|
|
3558
|
-
height: 100%;
|
|
3559
|
-
width: 100%;
|
|
3560
|
-
}
|
|
3561
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-softest {
|
|
3562
|
-
fill: var(--sky-color-illustration-fill-softest);
|
|
3563
|
-
}
|
|
3564
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-soft {
|
|
3565
|
-
fill: var(--sky-color-illustration-fill-soft);
|
|
3566
|
-
}
|
|
3567
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3568
|
-
fill: var(--sky-color-illustration-fill-heavy);
|
|
3569
|
-
}
|
|
3570
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-outline {
|
|
3571
|
-
stroke: var(--sky-color-illustration-stroke);
|
|
3572
|
-
}
|
|
3573
3557
|
|
|
3574
3558
|
.sky-theme-modern .sky-font-body-default {
|
|
3575
3559
|
color: var(--sky-color-text-default);
|