@skyux/theme 15.0.0-alpha.2 → 15.0.0-alpha.4
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 +20 -4
- package/css/themes/modern/styles.css +51 -34
- package/package.json +2 -2
package/css/sky.css
CHANGED
|
@@ -3142,6 +3142,18 @@ body:not(.sky-theme-modern) {
|
|
|
3142
3142
|
border-bottom-right-radius: 3px;
|
|
3143
3143
|
}
|
|
3144
3144
|
|
|
3145
|
+
html:not(:has(body.sky-theme-modern)) {
|
|
3146
|
+
--sky-override-scrollbar-color-thumb: auto;
|
|
3147
|
+
--sky-override-scrollbar-color-track: auto;
|
|
3148
|
+
}
|
|
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
|
+
|
|
3145
3157
|
* {
|
|
3146
3158
|
box-sizing: border-box;
|
|
3147
3159
|
}
|
|
@@ -3158,6 +3170,10 @@ body {
|
|
|
3158
3170
|
color: var(--sky-text-color-default);
|
|
3159
3171
|
}
|
|
3160
3172
|
|
|
3173
|
+
html {
|
|
3174
|
+
scrollbar-color: var(--sky-override-scrollbar-color-thumb, var(--sky-color-scrollbar-thumb)) var(--sky-override-scrollbar-color-track, var(--sky-color-scrollbar-track));
|
|
3175
|
+
}
|
|
3176
|
+
|
|
3161
3177
|
h6 {
|
|
3162
3178
|
font-size: 10px;
|
|
3163
3179
|
font-weight: 600;
|
|
@@ -3245,16 +3261,16 @@ symbol[id^=sky-i-]:not(.sky-i-branded) *.sky-i-path-2 {
|
|
|
3245
3261
|
width: 100%;
|
|
3246
3262
|
}
|
|
3247
3263
|
.sky-illustration-svg .sky-illustration-fill-softest {
|
|
3248
|
-
fill:
|
|
3264
|
+
fill: var(--sky-override-color-illustration-fill-softest, var(--sky-color-illustration-fill-softest));
|
|
3249
3265
|
}
|
|
3250
3266
|
.sky-illustration-svg .sky-illustration-fill-soft {
|
|
3251
|
-
fill:
|
|
3267
|
+
fill: var(--sky-override-color-illustration-fill-soft, var(--sky-color-illustration-fill-soft));
|
|
3252
3268
|
}
|
|
3253
3269
|
.sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3254
|
-
fill:
|
|
3270
|
+
fill: var(--sky-override-color-illustration-fill-heavy, var(--sky-color-illustration-fill-heavy));
|
|
3255
3271
|
}
|
|
3256
3272
|
.sky-illustration-svg .sky-illustration-outline {
|
|
3257
|
-
stroke:
|
|
3273
|
+
stroke: var(--sky-override-color-illustration-stroke, var(--sky-color-illustration-stroke));
|
|
3258
3274
|
}
|
|
3259
3275
|
|
|
3260
3276
|
.sky-viewkeeper-boundary {
|
|
@@ -370,15 +370,15 @@
|
|
|
370
370
|
--bb-font-weight-light: 300;
|
|
371
371
|
--bb-font-weight-regular: 400;
|
|
372
372
|
--bb-font-weight-semibold: 600;
|
|
373
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
374
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
375
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
376
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
377
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
378
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
379
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
380
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
381
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
373
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/bb-logo.png');
|
|
374
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
375
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
376
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
377
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
378
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
379
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
380
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
381
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
382
382
|
--bb-letter_spacing-normal: normal;
|
|
383
383
|
--bb-letter_spacing-wider: 0.01rem;
|
|
384
384
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -478,6 +478,15 @@
|
|
|
478
478
|
--bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
|
|
479
479
|
}
|
|
480
480
|
|
|
481
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base) {
|
|
482
|
+
--bb-color-scrollbar-base-dark-thumb: #51555c;
|
|
483
|
+
--bb-color-scrollbar-base-dark-track: #1e2229;
|
|
484
|
+
--bb-color-scrollbar-base-light-thumb: #85888d;
|
|
485
|
+
--bb-color-scrollbar-base-light-track: #ffffff;
|
|
486
|
+
--bb-color-scrollbar-bb-dark-thumb: #51555c;
|
|
487
|
+
--bb-color-scrollbar-bb-dark-track: #1c2228;
|
|
488
|
+
}
|
|
489
|
+
|
|
481
490
|
.sky-theme-modern.sky-theme-brand-base {
|
|
482
491
|
--sky-brand-name: var(--bb-brand-name);
|
|
483
492
|
--sky-color-background-action-accent-active: var(--bb-color-blue-100);
|
|
@@ -765,6 +774,11 @@
|
|
|
765
774
|
--sky-elevation-raised-100: var(--bb-shadow-gray-100);
|
|
766
775
|
}
|
|
767
776
|
|
|
777
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base) {
|
|
778
|
+
--sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-light-thumb);
|
|
779
|
+
--sky-color-scrollbar-track: var(--bb-color-scrollbar-base-light-track);
|
|
780
|
+
}
|
|
781
|
+
|
|
768
782
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark {
|
|
769
783
|
--sky-color-background-action-accent-active: var(--bb-color-gray-600);
|
|
770
784
|
--sky-color-background-action-accent-base: var(--bb-color-blue-900);
|
|
@@ -1019,6 +1033,11 @@
|
|
|
1019
1033
|
--sky-elevation-raised-100: var(--bb-shadow-gray-100);
|
|
1020
1034
|
}
|
|
1021
1035
|
|
|
1036
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-mode-dark) {
|
|
1037
|
+
--sky-color-scrollbar-thumb: var(--bb-color-scrollbar-base-dark-thumb);
|
|
1038
|
+
--sky-color-scrollbar-track: var(--bb-color-scrollbar-base-dark-track);
|
|
1039
|
+
}
|
|
1040
|
+
|
|
1022
1041
|
.sky-theme-modern.sky-theme-brand-base {
|
|
1023
1042
|
--sky-font-style-deemphasized-style: italic;
|
|
1024
1043
|
--sky-font-style-deemphasized-weight: 400;
|
|
@@ -2125,15 +2144,15 @@
|
|
|
2125
2144
|
--bb-font-weight-light: 300;
|
|
2126
2145
|
--bb-font-weight-regular: 400;
|
|
2127
2146
|
--bb-font-weight-semibold: 600;
|
|
2128
|
-
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2129
|
-
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2130
|
-
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2131
|
-
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2132
|
-
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2133
|
-
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2134
|
-
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2135
|
-
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2136
|
-
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.
|
|
2147
|
+
--bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/bb-logo.png');
|
|
2148
|
+
--bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-base-dark.svg');
|
|
2149
|
+
--bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-base-light.svg');
|
|
2150
|
+
--bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-bb-dark.svg');
|
|
2151
|
+
--bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-bb-light.svg');
|
|
2152
|
+
--bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
|
|
2153
|
+
--bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
|
|
2154
|
+
--bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
|
|
2155
|
+
--bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/7.0.0-alpha.1/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
|
|
2137
2156
|
--bb-letter_spacing-normal: normal;
|
|
2138
2157
|
--bb-letter_spacing-wider: 0.01rem;
|
|
2139
2158
|
--bb-letter_spacing-widest: 0.046875rem;
|
|
@@ -2233,6 +2252,15 @@
|
|
|
2233
2252
|
--bb-shadow-slate-simple-400: 1px 2px 4px 0 rgba(33, 44, 63, 0.5);
|
|
2234
2253
|
}
|
|
2235
2254
|
|
|
2255
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud) {
|
|
2256
|
+
--bb-color-scrollbar-base-dark-thumb: #51555c;
|
|
2257
|
+
--bb-color-scrollbar-base-dark-track: #1e2229;
|
|
2258
|
+
--bb-color-scrollbar-base-light-thumb: #85888d;
|
|
2259
|
+
--bb-color-scrollbar-base-light-track: #ffffff;
|
|
2260
|
+
--bb-color-scrollbar-bb-dark-thumb: #51555c;
|
|
2261
|
+
--bb-color-scrollbar-bb-dark-track: #1c2228;
|
|
2262
|
+
}
|
|
2263
|
+
|
|
2236
2264
|
.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud {
|
|
2237
2265
|
--sky-brand-name: var(--bb-brand-name);
|
|
2238
2266
|
--sky-color-background-action-accent-base: var(--bb-color-blue-25);
|
|
@@ -2506,6 +2534,11 @@
|
|
|
2506
2534
|
--sky-elevation-raised-100: var(--bb-shadow-heavy-black-100);
|
|
2507
2535
|
}
|
|
2508
2536
|
|
|
2537
|
+
:root:has(body.sky-theme-modern.sky-theme-brand-base.sky-theme-brand-blackbaud.sky-theme-mode-dark) {
|
|
2538
|
+
--sky-color-scrollbar-thumb: var(--bb-color-scrollbar-bb-dark-thumb);
|
|
2539
|
+
--sky-color-scrollbar-track: var(--bb-color-scrollbar-bb-dark-track);
|
|
2540
|
+
}
|
|
2541
|
+
|
|
2509
2542
|
.sky-theme-modern {
|
|
2510
2543
|
/* color */
|
|
2511
2544
|
--sky-background-color-page-default: var(--sky-color-background-page);
|
|
@@ -3521,22 +3554,6 @@ body.sky-theme-modern {
|
|
|
3521
3554
|
.sky-theme-modern .sky-rounded-corners {
|
|
3522
3555
|
border-radius: var(--sky-border-radius-s);
|
|
3523
3556
|
}
|
|
3524
|
-
.sky-theme-modern .sky-illustration-svg {
|
|
3525
|
-
height: 100%;
|
|
3526
|
-
width: 100%;
|
|
3527
|
-
}
|
|
3528
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-softest {
|
|
3529
|
-
fill: var(--sky-color-illustration-fill-softest);
|
|
3530
|
-
}
|
|
3531
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-soft {
|
|
3532
|
-
fill: var(--sky-color-illustration-fill-soft);
|
|
3533
|
-
}
|
|
3534
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-fill-heavy {
|
|
3535
|
-
fill: var(--sky-color-illustration-fill-heavy);
|
|
3536
|
-
}
|
|
3537
|
-
.sky-theme-modern .sky-illustration-svg .sky-illustration-outline {
|
|
3538
|
-
stroke: var(--sky-color-illustration-stroke);
|
|
3539
|
-
}
|
|
3540
3557
|
|
|
3541
3558
|
.sky-theme-modern .sky-font-body-default {
|
|
3542
3559
|
color: var(--sky-color-text-default);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/theme",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.4",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@angular/core": "^22.0.6"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@blackbaud/skyux-design-tokens": "7.0.0-alpha.
|
|
23
|
+
"@blackbaud/skyux-design-tokens": "7.0.0-alpha.1",
|
|
24
24
|
"fontfaceobserver": "2.3.0",
|
|
25
25
|
"tslib": "^2.8.1"
|
|
26
26
|
},
|