devextreme-themebuilder 25.1.2-beta → 25.1.3

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 (55) hide show
  1. package/data/metadata/dx-theme-builder-metadata.js +1202 -59
  2. package/data/scss/widgets/base/_sortable.scss +1 -3
  3. package/data/scss/widgets/base/_tabs.scss +2 -2
  4. package/data/scss/widgets/base/cardView/_index.scss +8 -2
  5. package/data/scss/widgets/base/cardView/_variables.scss +4 -2
  6. package/data/scss/widgets/base/cardView/column_chooser/_index.scss +4 -4
  7. package/data/scss/widgets/base/cardView/column_chooser/_variables.scss +3 -3
  8. package/data/scss/widgets/base/cardView/content_view/content/_index.scss +3 -3
  9. package/data/scss/widgets/base/cardView/content_view/content/_variables.scss +3 -3
  10. package/data/scss/widgets/base/cardView/content_view/content/card/_index.scss +11 -4
  11. package/data/scss/widgets/base/cardView/content_view/content/card/_variables.scss +13 -5
  12. package/data/scss/widgets/base/cardView/content_view/content/card/content/_index.scss +21 -13
  13. package/data/scss/widgets/base/cardView/content_view/content/card/content/_variables.scss +14 -13
  14. package/data/scss/widgets/base/cardView/content_view/content/card/cover/_index.scss +18 -5
  15. package/data/scss/widgets/base/cardView/content_view/content/card/cover/_variables.scss +8 -4
  16. package/data/scss/widgets/base/cardView/content_view/content/card/header/_index.scss +7 -6
  17. package/data/scss/widgets/base/cardView/content_view/content/card/header/_variables.scss +4 -5
  18. package/data/scss/widgets/base/cardView/content_view/no_data/_index.scss +11 -6
  19. package/data/scss/widgets/base/cardView/content_view/no_data/_variables.scss +7 -6
  20. package/data/scss/widgets/base/cardView/filter_panel/_index.scss +12 -2
  21. package/data/scss/widgets/base/cardView/filter_panel/_variables.scss +5 -0
  22. package/data/scss/widgets/base/cardView/header_panel/_index.scss +64 -38
  23. package/data/scss/widgets/base/cardView/header_panel/_variables.scss +16 -10
  24. package/data/scss/widgets/base/cardView/header_panel/item/_index.scss +87 -15
  25. package/data/scss/widgets/base/cardView/header_panel/item/_variables.scss +40 -14
  26. package/data/scss/widgets/base/chat/layout/chat-messagegroup/_index.scss +1 -1
  27. package/data/scss/widgets/base/dataGrid/_index.scss +21 -8
  28. package/data/scss/widgets/base/informer/_mixins.scss +20 -4
  29. package/data/scss/widgets/base/pivotGrid/_index.scss +2 -0
  30. package/data/scss/widgets/base/scrollable/_index.scss +0 -1
  31. package/data/scss/widgets/fluent/cardView/_colors.scss +439 -114
  32. package/data/scss/widgets/fluent/cardView/_sizes.scss +388 -108
  33. package/data/scss/widgets/fluent/gridBase/_index.scss +17 -8
  34. package/data/scss/widgets/fluent/informer/_colors.scss +8 -4
  35. package/data/scss/widgets/fluent/informer/_index.scss +4 -2
  36. package/data/scss/widgets/fluent/scheduler/_index.scss +1 -1
  37. package/data/scss/widgets/fluent/stepper/_colors.scss +3 -5
  38. package/data/scss/widgets/generic/cardView/_colors.scss +517 -147
  39. package/data/scss/widgets/generic/cardView/_sizes.scss +397 -121
  40. package/data/scss/widgets/generic/fileUploader/_index.scss +3 -1
  41. package/data/scss/widgets/generic/gridBase/_index.scss +1 -0
  42. package/data/scss/widgets/generic/informer/_colors.scss +36 -18
  43. package/data/scss/widgets/generic/informer/_index.scss +4 -2
  44. package/data/scss/widgets/generic/stepper/_colors.scss +3 -5
  45. package/data/scss/widgets/generic/tabPanel/layout/tab/_base.scss +2 -2
  46. package/data/scss/widgets/generic/toolbar/_index.scss +0 -1
  47. package/data/scss/widgets/material/cardView/_colors.scss +439 -115
  48. package/data/scss/widgets/material/cardView/_sizes.scss +412 -128
  49. package/data/scss/widgets/material/gridBase/_index.scss +17 -6
  50. package/data/scss/widgets/material/informer/_colors.scss +8 -4
  51. package/data/scss/widgets/material/informer/_index.scss +4 -2
  52. package/data/scss/widgets/material/stepper/_colors.scss +6 -8
  53. package/data/scss/widgets/material/tabs/layout/tab/styling-mode/_primary.scss +1 -1
  54. package/modules/config-normalizer.js +0 -1
  55. package/package.json +2 -2
package/data/scss/widgets/fluent/cardView/_colors.scss CHANGED
@@ -1,3 +1,60 @@
1
+ $cardview-fluent-common-bg-color: getCustomVar(("$cardview-fluent-common-bg-color")) !default;
2
+ $cardview-fluent-common-link-color: getCustomVar(("$cardview-fluent-common-link-color")) !default;
3
+ $cardview-fluent-common-text-color: getCustomVar(("$cardview-fluent-common-text-color")) !default;
4
+ $cardview-fluent-card-bg-color: getCustomVar(("$cardview-fluent-card-bg-color")) !default;
5
+ $cardview-fluent-card-border-color: getCustomVar(("$cardview-fluent-card-border-color")) !default;
6
+ $cardview-fluent-card-divider-color: getCustomVar(("$cardview-fluent-card-divider-color")) !default;
7
+ $cardview-fluent-card-text-color: getCustomVar(("$cardview-fluent-card-text-color")) !default;
8
+ $cardview-fluent-card__cover-bg-color: getCustomVar(("$cardview-fluent-card__cover-bg-color")) !default;
9
+ $cardview-fluent-card__cover--noimage-bg-color: getCustomVar(("$cardview-fluent-card__cover--noimage-bg-color")) !default;
10
+ $cardview-fluent-card__cover--noimage__icon-color: getCustomVar(("$cardview-fluent-card__cover--noimage__icon-color")) !default;
11
+ $cardview-fluent-card--selected-bg-color: getCustomVar(("$cardview-fluent-card--selected-bg-color")) !default;
12
+ $cardview-fluent-card--selected-border-color: getCustomVar(("$cardview-fluent-card--selected-border-color")) !default;
13
+ $cardview-fluent-card--selected-divider-color: getCustomVar(("$cardview-fluent-card--selected-divider-color")) !default;
14
+ $cardview-fluent-card--selected-text-color: getCustomVar(("$cardview-fluent-card--selected-text-color")) !default;
15
+ $cardview-fluent-card--selected__cover-bg-color: getCustomVar(("$cardview-fluent-card--selected__cover-bg-color")) !default;
16
+ $cardview-fluent-card--selected__cover--noimage-bg-color: getCustomVar(("$cardview-fluent-card--selected__cover--noimage-bg-color")) !default;
17
+ $cardview-fluent-card--selected__cover--noimage__icon-color: getCustomVar(("$cardview-fluent-card--selected__cover--noimage__icon-color")) !default;
18
+ $cardview-fluent-header-panel__item-bg-color: getCustomVar(("$cardview-fluent-header-panel__item-bg-color")) !default;
19
+ $cardview-fluent-header-panel__item-border-color: getCustomVar(("$cardview-fluent-header-panel__item-border-color")) !default;
20
+ $cardview-fluent-header-panel__item-text-color: getCustomVar(("$cardview-fluent-header-panel__item-text-color")) !default;
21
+ $cardview-fluent-header-panel__item__icon-color: getCustomVar(("$cardview-fluent-header-panel__item__icon-color")) !default;
22
+ $cardview-fluent-header-panel__item__header-filter-icon--selected-color: getCustomVar(("$cardview-fluent-header-panel__item__header-filter-icon--selected-color")) !default;
23
+ $cardview-fluent-header-panel__item__sort-index-text-color: getCustomVar(("$cardview-fluent-header-panel__item__sort-index-text-color")) !default;
24
+ $cardview-fluent-header-panel__item--hovered-bg-color: getCustomVar(("$cardview-fluent-header-panel__item--hovered-bg-color")) !default;
25
+ $cardview-fluent-header-panel__item--hovered-border-color: getCustomVar(("$cardview-fluent-header-panel__item--hovered-border-color")) !default;
26
+ $cardview-fluent-header-panel__item--hovered-text-color: getCustomVar(("$cardview-fluent-header-panel__item--hovered-text-color")) !default;
27
+ $cardview-fluent-header-panel__item--hovered__icon-color: getCustomVar(("$cardview-fluent-header-panel__item--hovered__icon-color")) !default;
28
+ $cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color: getCustomVar(("$cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color")) !default;
29
+ $cardview-fluent-header-panel__item--hovered__sort-index-text-color: getCustomVar(("$cardview-fluent-header-panel__item--hovered__sort-index-text-color")) !default;
30
+ $cardview-fluent-header-panel__item--disabled-bg-color: getCustomVar(("$cardview-fluent-header-panel__item--disabled-bg-color")) !default;
31
+ $cardview-fluent-header-panel__item--disabled-border-color: getCustomVar(("$cardview-fluent-header-panel__item--disabled-border-color")) !default;
32
+ $cardview-fluent-header-panel__item--disabled-text-color: getCustomVar(("$cardview-fluent-header-panel__item--disabled-text-color")) !default;
33
+ $cardview-fluent-header-panel__item--disabled__icon-color: getCustomVar(("$cardview-fluent-header-panel__item--disabled__icon-color")) !default;
34
+ $cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color: getCustomVar(("$cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color")) !default;
35
+ $cardview-fluent-header-panel__item--disabled__sort-index-text-color: getCustomVar(("$cardview-fluent-header-panel__item--disabled__sort-index-text-color")) !default;
36
+ $cardview-fluent-header-panel__item--dragged-bg-color: getCustomVar(("$cardview-fluent-header-panel__item--dragged-bg-color")) !default;
37
+ $cardview-fluent-header-panel__item--dragged-border-color: getCustomVar(("$cardview-fluent-header-panel__item--dragged-border-color")) !default;
38
+ $cardview-fluent-header-panel__item--dragged-text-color: getCustomVar(("$cardview-fluent-header-panel__item--dragged-text-color")) !default;
39
+ $cardview-fluent-header-panel__item--dragged__allowance-icon-color: getCustomVar(("$cardview-fluent-header-panel__item--dragged__allowance-icon-color")) !default;
40
+ $cardview-fluent-header-panel__item--dragged__prohibition-icon-color: getCustomVar(("$cardview-fluent-header-panel__item--dragged__prohibition-icon-color")) !default;
41
+ $cardview-fluent-header-panel__item--dragged-box-shadow-color: getCustomVar(("$cardview-fluent-header-panel__item--dragged-box-shadow-color")) !default;
42
+ $cardview-fluent-header-panel__dropzone-bg-color: getCustomVar(("$cardview-fluent-header-panel__dropzone-bg-color")) !default;
43
+ $cardview-fluent-header-panel__dropzone-border-color: getCustomVar(("$cardview-fluent-header-panel__dropzone-border-color")) !default;
44
+ $cardview-fluent-header-panel__dropzone-text-color: getCustomVar(("$cardview-fluent-header-panel__dropzone-text-color")) !default;
45
+ $cardview-fluent-header-panel__dropzone__icon-color: getCustomVar(("$cardview-fluent-header-panel__dropzone__icon-color")) !default;
46
+ $cardview-fluent-filter-panel-bg-color: getCustomVar(("$cardview-fluent-filter-panel-bg-color")) !default;
47
+ $cardview-fluent-filter-panel-border-color: getCustomVar(("$cardview-fluent-filter-panel-border-color")) !default;
48
+ $cardview-fluent-filter-panel-text-color: getCustomVar(("$cardview-fluent-filter-panel-text-color")) !default;
49
+ $cardview-fluent-filter-panel__icon-color: getCustomVar(("$cardview-fluent-filter-panel__icon-color")) !default;
50
+ $cardview-fluent-nodata-view-bg-color: getCustomVar(("$cardview-fluent-nodata-view-bg-color")) !default;
51
+ $cardview-fluent-nodata-view-text-color: getCustomVar(("$cardview-fluent-nodata-view-text-color")) !default;
52
+ $cardview-fluent-nodata-view__icon-color: getCustomVar(("$cardview-fluent-nodata-view__icon-color")) !default;
53
+ $cardview-fluent-nodata-view__icon-bg-color: getCustomVar(("$cardview-fluent-nodata-view__icon-bg-color")) !default;
54
+ $cardview-fluent-card__content__field-value--highlighted-bg-color: getCustomVar(("$cardview-fluent-card__content__field-value--highlighted-bg-color")) !default;
55
+ $cardview-fluent-card__content__field-value--highlighted-text-color: getCustomVar(("$cardview-fluent-card__content__field-value--highlighted-text-color")) !default;
56
+ $cardview-fluent-card__content__field-value--highlighted-box-shadow-color: getCustomVar(("$cardview-fluent-card__content__field-value--highlighted-box-shadow-color")) !default;
57
+
1
58
  @use '../colors' as *;
2
59
  @use '../../base/cardView/variables' as *;
3
60
  @use '../../base/cardView/header_panel/variables' as *;
@@ -9,157 +66,425 @@
9
66
  @use '../../base/cardView/content_view/content/variables' as *;
10
67
  @use '../../base/cardView/content_view/no_data/variables' as *;
11
68
  @use '../../base/cardView/column_chooser/variables' as *;
69
+ @use '../../base/cardView/filter_panel/variables' as *;
12
70
 
13
71
  // adduse
14
72
 
15
- $cardview-fluent-background-color: null !default;
73
+ // #region COMMON SETTINGS
74
+ $cardview-fluent-common-bg-color: null !default;
75
+ $cardview-fluent-common-link-color: null !default;
76
+ $cardview-fluent-common-text-color: null !default;
16
77
 
17
- $cardview-fluent-header-filter-icon-empty-color: null !default;
18
- $cardview-fluent-header-filter-icon-selected-color: null !default;
78
+ // #endregion
19
79
 
20
- $cardview-fluent-dropzone-text-color: null !default;
21
- $cardview-fluent-dropzone-background-color: null !default;
22
- $cardview-fluent-dropzone-border-color: null !default;
23
-
24
- $cardview-fluent-header-item-border-color: null !default;
25
- $cardview-fluent-header-item-background-color: null !default;
26
- $cardview-fluent-header-item-hovered-background-color: null !default;
27
- $cardview-fluent-header-item-hovered-border-color: null !default;
28
-
29
- $cardview-fluent-header-item-prohibition-icon-color: null !default;
30
-
31
- $cardview-fluent-nodata-text-color: null !default;
32
- $cardview-fluent-nodata-icon-container-background-color: null !default;
80
+ // #region CARD
81
+ $cardview-fluent-card-bg-color: null !default;
82
+ $cardview-fluent-card-border-color: null !default;
83
+ $cardview-fluent-card-divider-color: null !default;
84
+ $cardview-fluent-card-text-color: null !default;
85
+ $cardview-fluent-card__cover-bg-color: null !default;
86
+ $cardview-fluent-card__cover--noimage-bg-color: null !default;
87
+ $cardview-fluent-card__cover--noimage__icon-color: null !default;
33
88
 
34
- $cardview-fluent-card-content-field-value-highlight-color: null !default;
35
- $cardview-fluent-card-content-field-value-highlight-background: null !default;
36
- $cardview-fluent-card-content-field-value-highlight-border-radius: null !default;
37
- $cardview-fluent-card-content-field-value-highlight-padding: null !default;
38
- $cardview-fluent-card-content-field-value-highlight-font-weight: null !default;
39
- $cardview-fluent-card-content-field-value-highlight-box-shadow: null !default;
89
+ $cardview-fluent-card--focused-outline-color: null !default;
40
90
 
41
- $cardview-fluent-card-cover-background-color: null !default;
91
+ // #endregion
42
92
 
43
- $cardview-fluent-card-cover-noimage-background-color: null !default;
44
- $cardview-fluent-card-cover-noimage-icon-color: null !default;
93
+ // #region CARD (SELECTED)
94
+ $cardview-fluent-card--selected-bg-color: null !default;
95
+ $cardview-fluent-card--selected-border-color: null !default;
96
+ $cardview-fluent-card--selected-divider-color: null !default;
97
+ $cardview-fluent-card--selected-text-color: null !default;
98
+ $cardview-fluent-card--selected__cover-bg-color: null !default;
99
+ $cardview-fluent-card--selected__cover--noimage-bg-color: null !default;
100
+ $cardview-fluent-card--selected__cover--noimage__icon-color: null !default;
45
101
 
46
- $cardview-fluent-card-selection-background-color: null !default;
102
+ // #endregion
47
103
 
48
- $cardview-fluent-card-border-color: null !default;
49
- $cardview-fluent-card-background-color: null !default;
104
+ // #region HEADER PANEL ITEM
105
+ $cardview-fluent-header-panel__item-bg-color: null !default;
106
+ $cardview-fluent-header-panel__item-border-color: null !default;
107
+ $cardview-fluent-header-panel__item-text-color: null !default;
108
+ $cardview-fluent-header-panel__item__icon-color: null !default;
109
+ $cardview-fluent-header-panel__item__header-filter-icon--selected-color: null !default;
110
+ $cardview-fluent-header-panel__item__sort-index-text-color: null !default;
50
111
 
51
- @if $mode == 'light' {
52
- $cardview-fluent-background-color: $base-typography-bg !default;
112
+ $cardview-fluent-header-panel__item--focused-outline-color: null !default;
53
113
 
54
- $cardview-fluent-header-filter-icon-empty-color: $base-text-color !default;
55
- $cardview-fluent-header-filter-icon-selected-color: $base-accent !default;
114
+ // #endregion
56
115
 
57
- $cardview-fluent-dropzone-text-color: $base-accent !default;
58
- $cardview-fluent-dropzone-background-color: lighten(desaturate(adjust-hue($base-accent, 4), 11.38), 55.49) !default;
59
- $cardview-fluent-dropzone-border-color: $base-accent !default;
116
+ // #region HEADER PANEL ITEM (HOVERED)
117
+ $cardview-fluent-header-panel__item--hovered-bg-color: null !default;
118
+ $cardview-fluent-header-panel__item--hovered-border-color: null !default;
119
+ $cardview-fluent-header-panel__item--hovered-text-color: null !default;
120
+ $cardview-fluent-header-panel__item--hovered__icon-color: null !default;
121
+ $cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color: null !default;
122
+ $cardview-fluent-header-panel__item--hovered__sort-index-text-color: null !default;
60
123
 
61
- $cardview-fluent-header-item-border-color: $base-border-color !default;
62
- $cardview-fluent-header-item-background-color: darken($base-bg, 5.88) !default;
63
- $cardview-fluent-header-item-hovered-background-color: darken($cardview-fluent-header-item-background-color, 1.96) !default;
64
- $cardview-fluent-header-item-hovered-border-color: darken($cardview-fluent-header-item-border-color, 13.73) !default;
124
+ // #endregion
65
125
 
66
- $cardview-fluent-header-item-prohibition-icon-color: darken(saturate(adjust-hue($base-danger, -4), 22.80), 9.61) !default;
126
+ // #region HEADER PANEL ITEM (DISABLED)
127
+ $cardview-fluent-header-panel__item--disabled-bg-color: null !default;
128
+ $cardview-fluent-header-panel__item--disabled-border-color: null !default;
129
+ $cardview-fluent-header-panel__item--disabled-text-color: null !default;
130
+ $cardview-fluent-header-panel__item--disabled__icon-color: null !default;
131
+ $cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color: null !default;
132
+ $cardview-fluent-header-panel__item--disabled__sort-index-text-color: null !default;
67
133
 
68
- $cardview-fluent-nodata-text-color: lighten($base-text-color, 23.92) !default;
69
- $cardview-fluent-nodata-icon-container-background-color: darken($base-bg, 9.80) !default;
134
+ // #endregion
70
135
 
71
- $cardview-fluent-card-content-field-value-highlight-color: $base-text-color !default;
72
- $cardview-fluent-card-content-field-value-highlight-background: $base-warning !default;
73
- $cardview-fluent-card-content-field-value-highlight-border-radius: 5px;
74
- $cardview-fluent-card-content-field-value-highlight-padding: .125em 0.2em;
75
- $cardview-fluent-card-content-field-value-highlight-font-weight: 500;
76
- $cardview-fluent-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
136
+ // #region HEADER PANEL ITEM (ON DRAG)
137
+ $cardview-fluent-header-panel__item--dragged-bg-color: null !default;
138
+ $cardview-fluent-header-panel__item--dragged-border-color: null !default;
139
+ $cardview-fluent-header-panel__item--dragged-text-color: null !default;
140
+ $cardview-fluent-header-panel__item--dragged__allowance-icon-color: null !default;
141
+ $cardview-fluent-header-panel__item--dragged__prohibition-icon-color: null !default;
142
+ $cardview-fluent-header-panel__item--dragged-box-shadow-color: null !default;
77
143
 
78
- $cardview-fluent-card-cover-background-color: #FFF !default;
144
+ // #endregion
79
145
 
80
- $cardview-fluent-card-cover-noimage-background-color: darken($base-bg, 5.88) !default;
81
- $cardview-fluent-card-cover-noimage-icon-color: lighten($base-text-color, 23.92) !default;
146
+ // #region HEADER PANEL DROP ZONE
147
+ $cardview-fluent-header-panel__dropzone-bg-color: null !default;
148
+ $cardview-fluent-header-panel__dropzone-border-color: null !default;
149
+ $cardview-fluent-header-panel__dropzone-text-color: null !default;
150
+ $cardview-fluent-header-panel__dropzone__icon-color: null !default;
82
151
 
83
- $cardview-fluent-card-selection-background-color: lighten(desaturate(adjust-hue($base-accent, 4), 11.38), 55.49) !default;
84
- $cardview-fluent-dropzone-background-color: lighten(desaturate(adjust-hue($base-accent, 4), 11.38), 55.49) !default;
152
+ // #endregion
85
153
 
86
- $cardview-fluent-card-border-color: $base-border-color !default;
87
- $cardview-fluent-card-background-color: $base-bg !default;
88
- }
154
+ // #region FILTER PANEL
155
+ $cardview-fluent-filter-panel-bg-color: null !default;
156
+ $cardview-fluent-filter-panel-border-color: null !default;
157
+ $cardview-fluent-filter-panel-text-color: null !default;
158
+ $cardview-fluent-filter-panel__icon-color: null !default;
89
159
 
90
- @if $mode == "dark" {
91
- $cardview-fluent-background-color: $base-typography-bg !default;
160
+ // #endregion
92
161
 
93
- $cardview-fluent-header-filter-icon-empty-color: $base-text-color !default;
94
- $cardview-fluent-header-filter-icon-selected-color: $base-accent !default;
162
+ // #region EMPTY VIEW
163
+ $cardview-fluent-nodata-view-bg-color: null !default;
164
+ $cardview-fluent-nodata-view-text-color: null !default;
165
+ $cardview-fluent-nodata-view__icon-color: null !default;
166
+ $cardview-fluent-nodata-view__icon-bg-color: null !default;
95
167
 
96
- $cardview-fluent-dropzone-text-color: $base-accent !default;
97
- $cardview-fluent-dropzone-background-color: darken(desaturate(adjust-hue($base-accent, -4), 14.69), 49.41) !default;
98
- $cardview-fluent-dropzone-border-color: $base-accent !default;
168
+ // #endregion
99
169
 
100
- $cardview-fluent-header-item-border-color: $base-border-color !default;
101
- $cardview-fluent-header-item-background-color: darken($base-bg, 12.16) !default;
102
- $cardview-fluent-header-item-hovered-background-color: lighten($cardview-fluent-header-item-background-color, 18.04) !default;
103
- $cardview-fluent-header-item-hovered-border-color: lighten($cardview-fluent-header-item-border-color, 11.76) !default;
170
+ // #region HIGHLIGHTS IN SEARCH
171
+ $cardview-fluent-card__content__field-value--highlighted-bg-color: null !default;
172
+ $cardview-fluent-card__content__field-value--highlighted-text-color: null !default;
173
+ $cardview-fluent-card__content__field-value--highlighted-box-shadow-color: null !default;
104
174
 
105
- $cardview-fluent-header-item-prohibition-icon-color: darken(desaturate($base-danger, 0.27), 7.45) !default;
175
+ // #endregion
106
176
 
107
- $cardview-fluent-nodata-text-color: darken($base-text-color, 32.16) !default;
108
- $cardview-fluent-nodata-icon-container-background-color: lighten($base-bg, 3.92) !default;
177
+ // #region COLUMN CHOOSER
109
178
 
110
- $cardview-fluent-card-content-field-value-highlight-color: $base-text-color !default;
111
- $cardview-fluent-card-content-field-value-highlight-background: $base-warning !default;
112
- $cardview-fluent-card-content-field-value-highlight-border-radius: 5px;
113
- $cardview-fluent-card-content-field-value-highlight-padding: .125em 0.2em;
114
- $cardview-fluent-card-content-field-value-highlight-font-weight: 500;
115
- $cardview-fluent-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
179
+ $cardview-fluent-columnchooser--empty__message-color: null !default;
116
180
 
117
- $cardview-fluent-card-cover-background-color: #FFF !default;
181
+ // #endregion
118
182
 
119
- $cardview-fluent-card-cover-noimage-background-color: darken($base-bg, 12.16) !default;
120
- $cardview-fluent-card-cover-noimage-icon-color: darken($base-text-color, 32.16) !default;
183
+ @if $mode == 'light' {
121
184
 
122
- $cardview-fluent-card-selection-background-color: darken(desaturate(adjust-hue($base-accent, -4), 14.69), 49.41) !default;
185
+ // Common
186
+ $cardview-fluent-common-bg-color: $base-typography-bg !default;
187
+ $cardview-fluent-common-link-color: $base-link-color !default;
188
+ $cardview-fluent-common-text-color: $base-text-color !default;
123
189
 
190
+ // Card
191
+ $cardview-fluent-card-bg-color: $base-bg !default;
124
192
  $cardview-fluent-card-border-color: $base-border-color !default;
125
- $cardview-fluent-card-background-color: $base-bg !default;
193
+ $cardview-fluent-card-divider-color: $cardview-fluent-card-border-color !default;
194
+ $cardview-fluent-card-text-color: $cardview-fluent-common-text-color !default;
195
+ $cardview-fluent-card__cover-bg-color: #FFF !default;
196
+ $cardview-fluent-card__cover--noimage-bg-color: darken($base-bg, 12.16) !default;
197
+ $cardview-fluent-card__cover--noimage__icon-color: lighten($cardview-fluent-common-text-color, 23.92) !default;
198
+
199
+ $cardview-fluent-card--focused-outline-color: $base-accent !default;
200
+
201
+ // Card - selected
202
+ $cardview-fluent-card--selected-bg-color: lighten(desaturate(adjust-hue($base-accent, 4), 11.38), 55.49) !default;
203
+ $cardview-fluent-card--selected-border-color: lighten(saturate(adjust-hue($base-accent, 3), 2.21), 44.31) !default;
204
+ $cardview-fluent-card--selected-divider-color: $cardview-fluent-card--selected-border-color !default;
205
+ $cardview-fluent-card--selected-text-color: $cardview-fluent-card-text-color !default;
206
+ $cardview-fluent-card--selected__cover-bg-color: $cardview-fluent-card__cover-bg-color !default;
207
+ $cardview-fluent-card--selected__cover--noimage-bg-color: $cardview-fluent-card__cover--noimage-bg-color !default;
208
+ $cardview-fluent-card--selected__cover--noimage__icon-color: $cardview-fluent-card__cover--noimage__icon-color !default;
209
+
210
+ // Header panel item - default state
211
+ $cardview-fluent-header-panel__item-bg-color: darken($base-bg, 5.88) !default;
212
+ $cardview-fluent-header-panel__item-border-color: $base-border-color !default;
213
+ $cardview-fluent-header-panel__item-text-color: $cardview-fluent-common-text-color !default;
214
+ $cardview-fluent-header-panel__item__icon-color: $cardview-fluent-common-text-color !default;
215
+ $cardview-fluent-header-panel__item__header-filter-icon--selected-color: $base-accent !default;
216
+ $cardview-fluent-header-panel__item__sort-index-text-color: $cardview-fluent-common-text-color !default;
217
+
218
+ $cardview-fluent-header-panel__item--focused-outline-color: $base-accent !default;
219
+
220
+ // Header panel item - hovered
221
+ $cardview-fluent-header-panel__item--hovered-bg-color: darken($cardview-fluent-header-panel__item-bg-color, 1.96) !default;
222
+ $cardview-fluent-header-panel__item--hovered-border-color: darken($cardview-fluent-header-panel__item-border-color, 13.73) !default;
223
+ $cardview-fluent-header-panel__item--hovered-text-color: $cardview-fluent-header-panel__item-text-color !default;
224
+ $cardview-fluent-header-panel__item--hovered__icon-color: $cardview-fluent-header-panel__item__icon-color !default;
225
+ $cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color: $cardview-fluent-header-panel__item__header-filter-icon--selected-color !default;
226
+ $cardview-fluent-header-panel__item--hovered__sort-index-text-color: $cardview-fluent-header-panel__item__sort-index-text-color !default;
227
+
228
+ // Header panel item - disabled
229
+ $cardview-fluent-header-panel__item--disabled-bg-color: $cardview-fluent-header-panel__item-bg-color !default;
230
+ $cardview-fluent-header-panel__item--disabled-border-color: $cardview-fluent-header-panel__item-border-color !default;
231
+ $cardview-fluent-header-panel__item--disabled-text-color: lighten($cardview-fluent-header-panel__item-text-color, 60.00) !default;
232
+ $cardview-fluent-header-panel__item--disabled__icon-color: lighten($cardview-fluent-header-panel__item__icon-color, 60.00) !default;
233
+ $cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color: lighten(desaturate($cardview-fluent-header-panel__item__header-filter-icon--selected-color, 34.10), 27.06) !default;
234
+ $cardview-fluent-header-panel__item--disabled__sort-index-text-color: lighten($cardview-fluent-header-panel__item__sort-index-text-color, 60.00) !default;
235
+
236
+ // Header panel item - dragged
237
+ $cardview-fluent-header-panel__item--dragged-bg-color: $cardview-fluent-header-panel__item-bg-color !default;
238
+ $cardview-fluent-header-panel__item--dragged-border-color: $cardview-fluent-header-panel__item-border-color !default;
239
+ $cardview-fluent-header-panel__item--dragged-text-color: $cardview-fluent-header-panel__item-text-color !default;
240
+ $cardview-fluent-header-panel__item--dragged__allowance-icon-color: $cardview-fluent-common-text-color !default;
241
+ $cardview-fluent-header-panel__item--dragged__prohibition-icon-color: darken(saturate(adjust-hue($base-danger, -4), 22.80), 9.61) !default;
242
+ $cardview-fluent-header-panel__item--dragged-box-shadow-color: rgba(0, 0, 0, 0.2) !default;
243
+
244
+ // Header panel Drop-zone
245
+ $cardview-fluent-header-panel__dropzone-bg-color: lighten(desaturate(adjust-hue($base-accent, 4), 11.38), 55.49) !default;
246
+ $cardview-fluent-header-panel__dropzone-border-color: $base-accent !default;
247
+ $cardview-fluent-header-panel__dropzone-text-color: $base-accent !default;
248
+ $cardview-fluent-header-panel__dropzone__icon-color: $base-accent !default;
249
+
250
+ // Filter panel
251
+ $cardview-fluent-filter-panel-bg-color: $cardview-fluent-common-bg-color !default;
252
+ $cardview-fluent-filter-panel-border-color: $base-border-color !default;
253
+ $cardview-fluent-filter-panel-text-color: $base-accent !default;
254
+ $cardview-fluent-filter-panel__icon-color: $base-accent !default;
255
+
256
+ // Empty view
257
+ $cardview-fluent-nodata-view-bg-color: $cardview-fluent-common-bg-color !default;
258
+ $cardview-fluent-nodata-view-text-color: lighten($cardview-fluent-common-text-color, 23.92) !default;
259
+ $cardview-fluent-nodata-view__icon-color: $cardview-fluent-nodata-view-text-color !default;
260
+ $cardview-fluent-nodata-view__icon-bg-color: darken($base-bg, 9.80) !default;
261
+
262
+ // Search highlight
263
+ $cardview-fluent-card__content__field-value--highlighted-bg-color: $base-warning !default;
264
+ $cardview-fluent-card__content__field-value--highlighted-text-color: $cardview-fluent-common-text-color !default;
265
+ $cardview-fluent-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
266
+
267
+ // Column chooser
268
+ $cardview-fluent-columnchooser--empty__message-color: lighten($cardview-fluent-common-text-color, 26%) !default;
126
269
  }
127
270
 
128
- $cardview-background-color: $cardview-fluent-background-color !default;
129
- $cardview-link-color: $base-accent !default;
130
-
131
- $cardview-header-filter-icon-empty-color: $cardview-fluent-header-filter-icon-empty-color !default;
132
- $cardview-header-filter-icon-selected-color: $cardview-fluent-header-filter-icon-selected-color !default;
133
-
134
- $cardview-dropzone-text-color: $cardview-fluent-dropzone-text-color !default;
135
- $cardview-dropzone-background-color: $cardview-fluent-dropzone-background-color !default;
136
- $cardview-dropzone-border-color: $cardview-fluent-dropzone-border-color !default;
137
-
138
- $cardview-header-item-border-color: $cardview-fluent-header-item-border-color !default;
139
- $cardview-header-item-background-color: $cardview-fluent-header-item-background-color !default;
140
- $cardview-header-item-hovered-background-color: $cardview-fluent-header-item-hovered-background-color !default;
141
- $cardview-header-item-hovered-border-color: $cardview-fluent-header-item-hovered-border-color !default;
142
-
143
- $cardview-header-item-prohibition-icon-color: $cardview-fluent-header-item-prohibition-icon-color !default;
144
-
145
- $cardview-nodata-text-color: $cardview-fluent-nodata-text-color !default;
146
- $cardview-nodata-icon-container-background-color: $cardview-fluent-nodata-icon-container-background-color !default;
147
-
148
- $cardview-card-content-field-value-highlight-color: $cardview-fluent-card-content-field-value-highlight-color !default;
149
- $cardview-card-content-field-value-highlight-background: $cardview-fluent-card-content-field-value-highlight-background !default;
150
- $cardview-card-content-field-value-highlight-border-radius: $cardview-fluent-card-content-field-value-highlight-border-radius !default;
151
- $cardview-card-content-field-value-highlight-padding: $cardview-fluent-card-content-field-value-highlight-padding !default;
152
- $cardview-card-content-field-value-highlight-font-weight: $cardview-fluent-card-content-field-value-highlight-font-weight !default;
153
- $cardview-card-content-field-value-highlight-box-shadow: $cardview-fluent-card-content-field-value-highlight-box-shadow !default;
271
+ @if $mode == "dark" {
154
272
 
155
- $cardview-card-cover-background-color: $cardview-fluent-card-cover-background-color !default;
273
+ // Common
274
+ $cardview-fluent-common-bg-color: $base-typography-bg !default;
275
+ $cardview-fluent-common-link-color: $base-link-color !default;
276
+ $cardview-fluent-common-text-color: $base-text-color !default;
156
277
 
157
- $cardview-card-cover-noimage-background-color: $cardview-fluent-card-cover-noimage-background-color !default;
158
- $cardview-card-cover-noimage-icon-color: $cardview-fluent-card-cover-noimage-icon-color !default;
278
+ // Card
279
+ $cardview-fluent-card-bg-color: $base-bg !default;
280
+ $cardview-fluent-card-border-color: $base-border-color !default;
281
+ $cardview-fluent-card-divider-color: $cardview-fluent-card-border-color !default;
282
+ $cardview-fluent-card-text-color: $cardview-fluent-common-text-color !default;
283
+ $cardview-fluent-card__cover-bg-color: #FFF !default;
284
+ $cardview-fluent-card__cover--noimage-bg-color: darken($base-bg, 5.88) !default;
285
+ $cardview-fluent-card__cover--noimage__icon-color: darken($base-text-color, 32.16) !default;
286
+
287
+ $cardview-fluent-card--focused-outline-color: $base-accent !default;
288
+
289
+ // Card - selected
290
+ $cardview-fluent-card--selected-bg-color: darken(desaturate(adjust-hue($base-accent, -4), 14.69), 49.41) !default;
291
+ $cardview-fluent-card--selected-border-color: darken(desaturate(adjust-hue($base-accent, -3), 11.06), 36.27) !default;
292
+ $cardview-fluent-card--selected-divider-color: $cardview-fluent-card--selected-border-color !default;
293
+ $cardview-fluent-card--selected-text-color: $cardview-fluent-card-text-color !default;
294
+ $cardview-fluent-card--selected__cover-bg-color: $cardview-fluent-card__cover-bg-color !default;
295
+ $cardview-fluent-card--selected__cover--noimage-bg-color: $cardview-fluent-card__cover--noimage-bg-color !default;
296
+ $cardview-fluent-card--selected__cover--noimage__icon-color: $cardview-fluent-card__cover--noimage__icon-color !default;
297
+
298
+ // Header panel item - default state
299
+ $cardview-fluent-header-panel__item-bg-color: darken($base-bg, 12.16) !default;
300
+ $cardview-fluent-header-panel__item-border-color: $base-border-color !default;
301
+ $cardview-fluent-header-panel__item-text-color: $cardview-fluent-common-text-color !default;
302
+ $cardview-fluent-header-panel__item__icon-color: $cardview-fluent-common-text-color !default;
303
+ $cardview-fluent-header-panel__item__header-filter-icon--selected-color: $base-accent !default;
304
+ $cardview-fluent-header-panel__item__sort-index-text-color: $cardview-fluent-common-text-color !default;
305
+
306
+ $cardview-fluent-header-panel__item--focused-outline-color: $base-accent !default;
307
+
308
+ // Header panel item - hovered
309
+ $cardview-fluent-header-panel__item--hovered-bg-color: lighten($cardview-fluent-header-panel__item-bg-color, 18.04) !default;
310
+ $cardview-fluent-header-panel__item--hovered-border-color: lighten($cardview-fluent-header-panel__item-border-color, 11.76) !default;
311
+ $cardview-fluent-header-panel__item--hovered-text-color: $cardview-fluent-common-text-color !default;
312
+ $cardview-fluent-header-panel__item--hovered__icon-color: $cardview-fluent-common-text-color !default;
313
+ $cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color: $base-accent !default;
314
+ $cardview-fluent-header-panel__item--hovered__sort-index-text-color: $cardview-fluent-common-text-color !default;
315
+
316
+ // Header panel item - disabled
317
+ $cardview-fluent-header-panel__item--disabled-bg-color: $cardview-fluent-header-panel__item-bg-color !default;
318
+ $cardview-fluent-header-panel__item--disabled-border-color: $cardview-fluent-header-panel__item-border-color !default;
319
+ $cardview-fluent-header-panel__item--disabled-text-color: darken($cardview-fluent-header-panel__item-text-color, 56.08) !default;
320
+ $cardview-fluent-header-panel__item--disabled__icon-color: darken($cardview-fluent-header-panel__item__icon-color, 56.08) !default;
321
+ $cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color: darken(desaturate($cardview-fluent-header-panel__item__header-filter-icon--selected-color, 6.72), 18.04) !default;
322
+ $cardview-fluent-header-panel__item--disabled__sort-index-text-color: darken($cardview-fluent-header-panel__item__sort-index-text-color, 56.08) !default;
323
+
324
+ // Header panel item - dragged
325
+ $cardview-fluent-header-panel__item--dragged-bg-color: $cardview-fluent-header-panel__item-bg-color !default;
326
+ $cardview-fluent-header-panel__item--dragged-border-color: $cardview-fluent-header-panel__item-border-color !default;
327
+ $cardview-fluent-header-panel__item--dragged-text-color: $cardview-fluent-header-panel__item-text-color !default;
328
+ $cardview-fluent-header-panel__item--dragged__allowance-icon-color: $cardview-fluent-common-text-color !default;
329
+ $cardview-fluent-header-panel__item--dragged__prohibition-icon-color: darken(desaturate($base-danger, 0.27), 7.45) !default;
330
+ $cardview-fluent-header-panel__item--dragged-box-shadow-color: rgba(0, 0, 0, 0.2) !default;
331
+
332
+ // Header panel Drop-zone
333
+ $cardview-fluent-header-panel__dropzone-bg-color: darken(desaturate(adjust-hue($base-accent, -4), 14.69), 49.41) !default;
334
+ $cardview-fluent-header-panel__dropzone-border-color: $base-accent !default;
335
+ $cardview-fluent-header-panel__dropzone-text-color: $base-accent !default;
336
+ $cardview-fluent-header-panel__dropzone__icon-color: $base-accent !default;
337
+
338
+ // Filter panel
339
+ $cardview-fluent-filter-panel-bg-color: $cardview-fluent-common-bg-color !default;
340
+ $cardview-fluent-filter-panel-border-color: $base-border-color !default;
341
+ $cardview-fluent-filter-panel-text-color: $base-accent !default;
342
+ $cardview-fluent-filter-panel__icon-color: $base-accent !default;
343
+
344
+ // Empty view
345
+ $cardview-fluent-nodata-view-bg-color: $cardview-fluent-common-bg-color !default;
346
+ $cardview-fluent-nodata-view-text-color: darken($cardview-fluent-common-text-color, 32.16) !default;
347
+ $cardview-fluent-nodata-view__icon-color: darken($cardview-fluent-common-text-color, 32.16) !default;
348
+ $cardview-fluent-nodata-view__icon-bg-color: lighten($base-bg, 3.92) !default;
349
+
350
+ // Search highlight
351
+ $cardview-fluent-card__content__field-value--highlighted-bg-color: $base-warning !default;
352
+ $cardview-fluent-card__content__field-value--highlighted-text-color: $cardview-fluent-common-text-color !default;
353
+ $cardview-fluent-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
354
+
355
+ // Column chooser
356
+ $cardview-fluent-columnchooser--empty__message-color: lighten($cardview-fluent-common-text-color, 26%) !default;
357
+ }
159
358
 
160
- $cardview-card-selection-background-color: $cardview-fluent-card-selection-background-color !default;
359
+ $cardview-bg-color: $cardview-fluent-common-bg-color !default;
360
+ $cardview-link-color: $cardview-fluent-common-link-color !default;
361
+ $cardview-text-color: $cardview-fluent-common-text-color !default;
161
362
 
363
+ $cardview-card-bg-color: $cardview-fluent-card-bg-color !default;
162
364
  $cardview-card-border-color: $cardview-fluent-card-border-color !default;
163
- $cardview-card-background-color: $cardview-fluent-card-background-color !default;
164
-
165
- $cardview-columnchooser-message-color: lighten($base-text-color, 26%) !default;
365
+ $cardview-card-divider-color: $cardview-fluent-card-divider-color !default;
366
+ $cardview-card-text-color: $cardview-fluent-card-text-color !default;
367
+ $cardview-card__cover-bg-color: $cardview-fluent-card__cover-bg-color !default;
368
+ $cardview-card__cover--noimage-bg-color: $cardview-fluent-card__cover--noimage-bg-color !default;
369
+ $cardview-card__cover--noimage__icon-color: $cardview-fluent-card__cover--noimage__icon-color !default;
370
+
371
+ $cardview-card--selected-bg-color: $cardview-fluent-card--selected-bg-color !default;
372
+ $cardview-card--selected-border-color: $cardview-fluent-card--selected-border-color !default;
373
+ $cardview-card--selected-divider-color: $cardview-fluent-card--selected-divider-color !default;
374
+ $cardview-card--selected-text-color: $cardview-fluent-card--selected-text-color !default;
375
+ $cardview-card--selected__cover-bg-color: $cardview-fluent-card--selected__cover-bg-color !default;
376
+ $cardview-card--selected__cover--noimage-bg-color: $cardview-fluent-card--selected__cover--noimage-bg-color !default;
377
+ $cardview-card--selected__cover--noimage__icon-color: $cardview-fluent-card--selected__cover--noimage__icon-color !default;
378
+
379
+ $cardview-card--focused-outline-color: $cardview-fluent-card--focused-outline-color !default;
380
+
381
+ $cardview-header-panel__item-bg-color: $cardview-fluent-header-panel__item-bg-color !default;
382
+ $cardview-header-panel__item-border-color: $cardview-fluent-header-panel__item-border-color !default;
383
+ $cardview-header-panel__item-text-color: $cardview-fluent-header-panel__item-text-color !default;
384
+ $cardview-header-panel__item__icon-color: $cardview-fluent-header-panel__item__icon-color !default;
385
+ $cardview-header-panel__item__header-filter-icon--selected-color: $cardview-fluent-header-panel__item__header-filter-icon--selected-color !default;
386
+ $cardview-header-panel__item__sort-index-text-color: $cardview-fluent-header-panel__item__sort-index-text-color !default;
387
+
388
+ $cardview-header-panel__item--focused-outline-color: $cardview-fluent-header-panel__item--focused-outline-color !default;
389
+
390
+ $cardview-header-panel__item--hovered-bg-color: $cardview-fluent-header-panel__item--hovered-bg-color !default;
391
+ $cardview-header-panel__item--hovered-border-color: $cardview-fluent-header-panel__item--hovered-border-color !default;
392
+ $cardview-header-panel__item--hovered-text-color: $cardview-fluent-header-panel__item--hovered-text-color !default;
393
+ $cardview-header-panel__item--hovered__icon-color: $cardview-fluent-header-panel__item--hovered__icon-color !default;
394
+ $cardview-header-panel__item--hovered__header-filter-icon--selected-color: $cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color !default;
395
+ $cardview-header-panel__item--hovered__sort-index-text-color: $cardview-fluent-header-panel__item--hovered__sort-index-text-color !default;
396
+
397
+ $cardview-header-panel__item--disabled-bg-color: $cardview-fluent-header-panel__item--disabled-bg-color !default;
398
+ $cardview-header-panel__item--disabled-border-color: $cardview-fluent-header-panel__item--disabled-border-color !default;
399
+ $cardview-header-panel__item--disabled-text-color: $cardview-fluent-header-panel__item--disabled-text-color !default;
400
+ $cardview-header-panel__item--disabled__icon-color: $cardview-fluent-header-panel__item--disabled__icon-color !default;
401
+ $cardview-header-panel__item--disabled__header-filter-icon--selected-color: $cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color !default;
402
+ $cardview-header-panel__item--disabled__sort-index-text-color: $cardview-fluent-header-panel__item--disabled__sort-index-text-color !default;
403
+
404
+ $cardview-header-panel__item--dragged-bg-color: $cardview-fluent-header-panel__item--dragged-bg-color !default;
405
+ $cardview-header-panel__item--dragged-border-color: $cardview-fluent-header-panel__item--dragged-border-color !default;
406
+ $cardview-header-panel__item--dragged-text-color: $cardview-fluent-header-panel__item--dragged-text-color !default;
407
+ $cardview-header-panel__item--dragged__allowance-icon-color: $cardview-fluent-header-panel__item--dragged__allowance-icon-color !default;
408
+ $cardview-header-panel__item--dragged__prohibition-icon-color: $cardview-fluent-header-panel__item--dragged__prohibition-icon-color !default;
409
+ $cardview-header-panel__item--dragged-box-shadow-color: $cardview-fluent-header-panel__item--dragged-box-shadow-color !default;
410
+
411
+ $cardview-header-panel__dropzone-bg-color: $cardview-fluent-header-panel__dropzone-bg-color !default;
412
+ $cardview-header-panel__dropzone-border-color: $cardview-fluent-header-panel__dropzone-border-color !default;
413
+ $cardview-header-panel__dropzone-text-color: $cardview-fluent-header-panel__dropzone-text-color !default;
414
+ $cardview-header-panel__dropzone__icon-color: $cardview-fluent-header-panel__dropzone__icon-color !default;
415
+
416
+ $cardview-filter-panel-bg-color: $cardview-fluent-filter-panel-bg-color !default;
417
+ $cardview-filter-panel-border-color: $cardview-fluent-filter-panel-border-color !default;
418
+ $cardview-filter-panel-text-color: $cardview-fluent-filter-panel-text-color !default;
419
+ $cardview-filter-panel__icon-color: $cardview-fluent-filter-panel__icon-color !default;
420
+
421
+ $cardview-nodata-view-bg-color: $cardview-fluent-nodata-view-bg-color !default;
422
+ $cardview-nodata-view-text-color: $cardview-fluent-nodata-view-text-color !default;
423
+ $cardview-nodata-view__icon-color: $cardview-fluent-nodata-view__icon-color !default;
424
+ $cardview-nodata-view__icon-bg-color: $cardview-fluent-nodata-view__icon-bg-color !default;
425
+
426
+ $cardview-card__content__field-value--highlighted-bg-color: $cardview-fluent-card__content__field-value--highlighted-bg-color !default;
427
+ $cardview-card__content__field-value--highlighted-text-color: $cardview-fluent-card__content__field-value--highlighted-text-color !default;
428
+ $cardview-card__content__field-value--highlighted-box-shadow: 0 1px 3px $cardview-fluent-card__content__field-value--highlighted-box-shadow-color !default;
429
+
430
+ $cardview-columnchooser--empty__message-color: $cardview-fluent-columnchooser--empty__message-color !default;
431
+
432
+ $cardview-header-item__sort-indicator__border-color: $base-accent !default;
433
+ $never-used: collector((
434
+ "$cardview-fluent-common-bg-color": $cardview-fluent-common-bg-color,
435
+ "$cardview-fluent-common-link-color": $cardview-fluent-common-link-color,
436
+ "$cardview-fluent-common-text-color": $cardview-fluent-common-text-color,
437
+ "$cardview-fluent-card-bg-color": $cardview-fluent-card-bg-color,
438
+ "$cardview-fluent-card-border-color": $cardview-fluent-card-border-color,
439
+ "$cardview-fluent-card-divider-color": $cardview-fluent-card-divider-color,
440
+ "$cardview-fluent-card-text-color": $cardview-fluent-card-text-color,
441
+ "$cardview-fluent-card__cover-bg-color": $cardview-fluent-card__cover-bg-color,
442
+ "$cardview-fluent-card__cover--noimage-bg-color": $cardview-fluent-card__cover--noimage-bg-color,
443
+ "$cardview-fluent-card__cover--noimage__icon-color": $cardview-fluent-card__cover--noimage__icon-color,
444
+ "$cardview-fluent-card--selected-bg-color": $cardview-fluent-card--selected-bg-color,
445
+ "$cardview-fluent-card--selected-border-color": $cardview-fluent-card--selected-border-color,
446
+ "$cardview-fluent-card--selected-divider-color": $cardview-fluent-card--selected-divider-color,
447
+ "$cardview-fluent-card--selected-text-color": $cardview-fluent-card--selected-text-color,
448
+ "$cardview-fluent-card--selected__cover-bg-color": $cardview-fluent-card--selected__cover-bg-color,
449
+ "$cardview-fluent-card--selected__cover--noimage-bg-color": $cardview-fluent-card--selected__cover--noimage-bg-color,
450
+ "$cardview-fluent-card--selected__cover--noimage__icon-color": $cardview-fluent-card--selected__cover--noimage__icon-color,
451
+ "$cardview-fluent-header-panel__item-bg-color": $cardview-fluent-header-panel__item-bg-color,
452
+ "$cardview-fluent-header-panel__item-border-color": $cardview-fluent-header-panel__item-border-color,
453
+ "$cardview-fluent-header-panel__item-text-color": $cardview-fluent-header-panel__item-text-color,
454
+ "$cardview-fluent-header-panel__item__icon-color": $cardview-fluent-header-panel__item__icon-color,
455
+ "$cardview-fluent-header-panel__item__header-filter-icon--selected-color": $cardview-fluent-header-panel__item__header-filter-icon--selected-color,
456
+ "$cardview-fluent-header-panel__item__sort-index-text-color": $cardview-fluent-header-panel__item__sort-index-text-color,
457
+ "$cardview-fluent-header-panel__item--hovered-bg-color": $cardview-fluent-header-panel__item--hovered-bg-color,
458
+ "$cardview-fluent-header-panel__item--hovered-border-color": $cardview-fluent-header-panel__item--hovered-border-color,
459
+ "$cardview-fluent-header-panel__item--hovered-text-color": $cardview-fluent-header-panel__item--hovered-text-color,
460
+ "$cardview-fluent-header-panel__item--hovered__icon-color": $cardview-fluent-header-panel__item--hovered__icon-color,
461
+ "$cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color": $cardview-fluent-header-panel__item--hovered__header-filter-icon--selected-color,
462
+ "$cardview-fluent-header-panel__item--hovered__sort-index-text-color": $cardview-fluent-header-panel__item--hovered__sort-index-text-color,
463
+ "$cardview-fluent-header-panel__item--disabled-bg-color": $cardview-fluent-header-panel__item--disabled-bg-color,
464
+ "$cardview-fluent-header-panel__item--disabled-border-color": $cardview-fluent-header-panel__item--disabled-border-color,
465
+ "$cardview-fluent-header-panel__item--disabled-text-color": $cardview-fluent-header-panel__item--disabled-text-color,
466
+ "$cardview-fluent-header-panel__item--disabled__icon-color": $cardview-fluent-header-panel__item--disabled__icon-color,
467
+ "$cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color": $cardview-fluent-header-panel__item--disabled__header-filter-icon--selected-color,
468
+ "$cardview-fluent-header-panel__item--disabled__sort-index-text-color": $cardview-fluent-header-panel__item--disabled__sort-index-text-color,
469
+ "$cardview-fluent-header-panel__item--dragged-bg-color": $cardview-fluent-header-panel__item--dragged-bg-color,
470
+ "$cardview-fluent-header-panel__item--dragged-border-color": $cardview-fluent-header-panel__item--dragged-border-color,
471
+ "$cardview-fluent-header-panel__item--dragged-text-color": $cardview-fluent-header-panel__item--dragged-text-color,
472
+ "$cardview-fluent-header-panel__item--dragged__allowance-icon-color": $cardview-fluent-header-panel__item--dragged__allowance-icon-color,
473
+ "$cardview-fluent-header-panel__item--dragged__prohibition-icon-color": $cardview-fluent-header-panel__item--dragged__prohibition-icon-color,
474
+ "$cardview-fluent-header-panel__item--dragged-box-shadow-color": $cardview-fluent-header-panel__item--dragged-box-shadow-color,
475
+ "$cardview-fluent-header-panel__dropzone-bg-color": $cardview-fluent-header-panel__dropzone-bg-color,
476
+ "$cardview-fluent-header-panel__dropzone-border-color": $cardview-fluent-header-panel__dropzone-border-color,
477
+ "$cardview-fluent-header-panel__dropzone-text-color": $cardview-fluent-header-panel__dropzone-text-color,
478
+ "$cardview-fluent-header-panel__dropzone__icon-color": $cardview-fluent-header-panel__dropzone__icon-color,
479
+ "$cardview-fluent-filter-panel-bg-color": $cardview-fluent-filter-panel-bg-color,
480
+ "$cardview-fluent-filter-panel-border-color": $cardview-fluent-filter-panel-border-color,
481
+ "$cardview-fluent-filter-panel-text-color": $cardview-fluent-filter-panel-text-color,
482
+ "$cardview-fluent-filter-panel__icon-color": $cardview-fluent-filter-panel__icon-color,
483
+ "$cardview-fluent-nodata-view-bg-color": $cardview-fluent-nodata-view-bg-color,
484
+ "$cardview-fluent-nodata-view-text-color": $cardview-fluent-nodata-view-text-color,
485
+ "$cardview-fluent-nodata-view__icon-color": $cardview-fluent-nodata-view__icon-color,
486
+ "$cardview-fluent-nodata-view__icon-bg-color": $cardview-fluent-nodata-view__icon-bg-color,
487
+ "$cardview-fluent-card__content__field-value--highlighted-bg-color": $cardview-fluent-card__content__field-value--highlighted-bg-color,
488
+ "$cardview-fluent-card__content__field-value--highlighted-text-color": $cardview-fluent-card__content__field-value--highlighted-text-color,
489
+ "$cardview-fluent-card__content__field-value--highlighted-box-shadow-color": $cardview-fluent-card__content__field-value--highlighted-box-shadow-color,
490
+ ));