@skyux/theme 14.9.2 → 14.10.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.
Files changed (3) hide show
  1. package/css/sky.css +9 -0
  2. package/css/themes/modern/styles.css +51 -18
  3. package/package.json +2 -2
package/css/sky.css CHANGED
@@ -3142,6 +3142,11 @@ 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
+
3145
3150
  * {
3146
3151
  box-sizing: border-box;
3147
3152
  }
@@ -3158,6 +3163,10 @@ body {
3158
3163
  color: var(--sky-text-color-default);
3159
3164
  }
3160
3165
 
3166
+ html {
3167
+ scrollbar-color: var(--sky-override-scrollbar-color-thumb, var(--sky-color-scrollbar-thumb)) var(--sky-override-scrollbar-color-track, var(--sky-color-scrollbar-track));
3168
+ }
3169
+
3161
3170
  h6 {
3162
3171
  font-size: 10px;
3163
3172
  font-weight: 600;
package/css/themes/modern/styles.css CHANGED
@@ -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/6.1.2/assets/images/bb-logo.png');
374
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/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/6.1.2/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/6.1.2/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/6.1.2/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/6.1.2/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/6.1.2/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/6.1.2/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/6.1.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
373
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
374
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.1.2/assets/images/bb-logo.png');
2129
- --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-base-dark.svg');
2130
- --bb-image-select_icon-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-base-light.svg');
2131
- --bb-image-select_icon-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-bb-dark.svg');
2132
- --bb-image-select_icon-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-bb-light.svg');
2133
- --bb-image-select_icon-disabled-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-disabled-base-dark.svg');
2134
- --bb-image-select_icon-disabled-base-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-disabled-base-light.svg');
2135
- --bb-image-select_icon-disabled-bb-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-disabled-bb-dark.svg');
2136
- --bb-image-select_icon-disabled-bb-light-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.1.2/assets/images/chevron_up_down_20_fill-disabled-bb-light.svg');
2147
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/assets/images/bb-logo.png');
2148
+ --bb-image-select_icon-base-dark-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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/6.2.0/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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "14.9.2",
3
+ "version": "14.10.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^21.2.0"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "6.1.2",
23
+ "@blackbaud/skyux-design-tokens": "6.2.0",
24
24
  "fontfaceobserver": "2.3.0",
25
25
  "tslib": "^2.8.1"
26
26
  },