@skyux/theme 14.11.0 → 14.12.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 +11 -4
- package/css/themes/modern/styles.css +0 -16
- package/package.json +1 -1
package/css/sky.css
CHANGED
|
@@ -3147,6 +3147,13 @@ html:not(:has(body.sky-theme-modern)) {
|
|
|
3147
3147
|
--sky-override-scrollbar-color-track: auto;
|
|
3148
3148
|
}
|
|
3149
3149
|
|
|
3150
|
+
body:not(.sky-theme-modern) {
|
|
3151
|
+
--sky-override-color-illustration-fill-softest: #ffffff;
|
|
3152
|
+
--sky-override-color-illustration-fill-soft: #e7fbf1;
|
|
3153
|
+
--sky-override-color-illustration-fill-heavy: #6de8ab;
|
|
3154
|
+
--sky-override-color-illustration-stroke: #004054;
|
|
3155
|
+
}
|
|
3156
|
+
|
|
3150
3157
|
* {
|
|
3151
3158
|
box-sizing: border-box;
|
|
3152
3159
|
}
|
|
@@ -3254,16 +3261,16 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
3254
3261
|
width: 100%;
|
|
3255
3262
|
}
|
|
3256
3263
|
.sky-illustration-svg .sky-illustration-fill-softest {
|
|
3257
|
-
fill:
|
|
3264
|
+
fill: var(--sky-override-color-illustration-fill-softest, var(--sky-color-illustration-fill-softest));
|
|
3258
3265
|
}
|
|
3259
3266
|
.sky-illustration-svg .sky-illustration-fill-soft {
|
|
3260
|
-
fill:
|
|
3267
|
+
fill: var(--sky-override-color-illustration-fill-soft, var(--sky-color-illustration-fill-soft));
|
|
3261
3268
|
}
|
|
3262
3269
|
.sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3263
|
-
fill:
|
|
3270
|
+
fill: var(--sky-override-color-illustration-fill-heavy, var(--sky-color-illustration-fill-heavy));
|
|
3264
3271
|
}
|
|
3265
3272
|
.sky-illustration-svg .sky-illustration-outline {
|
|
3266
|
-
stroke:
|
|
3273
|
+
stroke: var(--sky-override-color-illustration-stroke, var(--sky-color-illustration-stroke));
|
|
3267
3274
|
}
|
|
3268
3275
|
|
|
3269
3276
|
.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);
|