devextreme-themebuilder 25.1.2-beta → 25.1.3

package/data/scss/widgets/generic/cardView/_colors.scss

@@ -1,3 +1,60 @@
+$cardview-generic-common-bg-color: getCustomVar(("$cardview-generic-common-bg-color")) !default;
+$cardview-generic-common-link-color: getCustomVar(("$cardview-generic-common-link-color")) !default;
+$cardview-generic-common-text-color: getCustomVar(("$cardview-generic-common-text-color")) !default;
+$cardview-generic-card-bg-color: getCustomVar(("$cardview-generic-card-bg-color")) !default;
+$cardview-generic-card-border-color: getCustomVar(("$cardview-generic-card-border-color")) !default;
+$cardview-generic-card-divider-color: getCustomVar(("$cardview-generic-card-divider-color")) !default;
+$cardview-generic-card-text-color: getCustomVar(("$cardview-generic-card-text-color")) !default;
+$cardview-generic-card__cover-bg-color: getCustomVar(("$cardview-generic-card__cover-bg-color")) !default;
+$cardview-generic-card__cover--noimage-bg-color: getCustomVar(("$cardview-generic-card__cover--noimage-bg-color")) !default;
+$cardview-generic-card__cover--noimage__icon-color: getCustomVar(("$cardview-generic-card__cover--noimage__icon-color")) !default;
+$cardview-generic-card--selected-bg-color: getCustomVar(("$cardview-generic-card--selected-bg-color")) !default;
+$cardview-generic-card--selected-border-color: getCustomVar(("$cardview-generic-card--selected-border-color")) !default;
+$cardview-generic-card--selected-divider-color: getCustomVar(("$cardview-generic-card--selected-divider-color")) !default;
+$cardview-generic-card--selected-text-color: getCustomVar(("$cardview-generic-card--selected-text-color")) !default;
+$cardview-generic-card--selected__cover-bg-color: getCustomVar(("$cardview-generic-card--selected__cover-bg-color")) !default;
+$cardview-generic-card--selected__cover--noimage-bg-color: getCustomVar(("$cardview-generic-card--selected__cover--noimage-bg-color")) !default;
+$cardview-generic-card--selected__cover--noimage__icon-color: getCustomVar(("$cardview-generic-card--selected__cover--noimage__icon-color")) !default;
+$cardview-generic-header-panel__item-bg-color: getCustomVar(("$cardview-generic-header-panel__item-bg-color")) !default;
+$cardview-generic-header-panel__item-border-color: getCustomVar(("$cardview-generic-header-panel__item-border-color")) !default;
+$cardview-generic-header-panel__item-text-color: getCustomVar(("$cardview-generic-header-panel__item-text-color")) !default;
+$cardview-generic-header-panel__item__icon-color: getCustomVar(("$cardview-generic-header-panel__item__icon-color")) !default;
+$cardview-generic-header-panel__item__header-filter-icon--selected-color: getCustomVar(("$cardview-generic-header-panel__item__header-filter-icon--selected-color")) !default;
+$cardview-generic-header-panel__item__sort-index-text-color: getCustomVar(("$cardview-generic-header-panel__item__sort-index-text-color")) !default;
+$cardview-generic-header-panel__item--hovered-bg-color: getCustomVar(("$cardview-generic-header-panel__item--hovered-bg-color")) !default;
+$cardview-generic-header-panel__item--hovered-border-color: getCustomVar(("$cardview-generic-header-panel__item--hovered-border-color")) !default;
+$cardview-generic-header-panel__item--hovered-text-color: getCustomVar(("$cardview-generic-header-panel__item--hovered-text-color")) !default;
+$cardview-generic-header-panel__item--hovered__icon-color: getCustomVar(("$cardview-generic-header-panel__item--hovered__icon-color")) !default;
+$cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color: getCustomVar(("$cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color")) !default;
+$cardview-generic-header-panel__item--hovered__sort-index-text-color: getCustomVar(("$cardview-generic-header-panel__item--hovered__sort-index-text-color")) !default;
+$cardview-generic-header-panel__item--disabled-bg-color: getCustomVar(("$cardview-generic-header-panel__item--disabled-bg-color")) !default;
+$cardview-generic-header-panel__item--disabled-border-color: getCustomVar(("$cardview-generic-header-panel__item--disabled-border-color")) !default;
+$cardview-generic-header-panel__item--disabled-text-color: getCustomVar(("$cardview-generic-header-panel__item--disabled-text-color")) !default;
+$cardview-generic-header-panel__item--disabled__icon-color: getCustomVar(("$cardview-generic-header-panel__item--disabled__icon-color")) !default;
+$cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color: getCustomVar(("$cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color")) !default;
+$cardview-generic-header-panel__item--disabled__sort-index-text-color: getCustomVar(("$cardview-generic-header-panel__item--disabled__sort-index-text-color")) !default;
+$cardview-generic-header-panel__item--dragged-bg-color: getCustomVar(("$cardview-generic-header-panel__item--dragged-bg-color")) !default;
+$cardview-generic-header-panel__item--dragged-border-color: getCustomVar(("$cardview-generic-header-panel__item--dragged-border-color")) !default;
+$cardview-generic-header-panel__item--dragged-text-color: getCustomVar(("$cardview-generic-header-panel__item--dragged-text-color")) !default;
+$cardview-generic-header-panel__item--dragged__allowance-icon-color: getCustomVar(("$cardview-generic-header-panel__item--dragged__allowance-icon-color")) !default;
+$cardview-generic-header-panel__item--dragged__prohibition-icon-color: getCustomVar(("$cardview-generic-header-panel__item--dragged__prohibition-icon-color")) !default;
+$cardview-generic-header-panel__item--dragged-box-shadow-color: getCustomVar(("$cardview-generic-header-panel__item--dragged-box-shadow-color")) !default;
+$cardview-generic-header-panel__dropzone-bg-color: getCustomVar(("$cardview-generic-header-panel__dropzone-bg-color")) !default;
+$cardview-generic-header-panel__dropzone-border-color: getCustomVar(("$cardview-generic-header-panel__dropzone-border-color")) !default;
+$cardview-generic-header-panel__dropzone-text-color: getCustomVar(("$cardview-generic-header-panel__dropzone-text-color")) !default;
+$cardview-generic-header-panel__dropzone__icon-color: getCustomVar(("$cardview-generic-header-panel__dropzone__icon-color")) !default;
+$cardview-generic-filter-panel-bg-color: getCustomVar(("$cardview-generic-filter-panel-bg-color")) !default;
+$cardview-generic-filter-panel-border-color: getCustomVar(("$cardview-generic-filter-panel-border-color")) !default;
+$cardview-generic-filter-panel-text-color: getCustomVar(("$cardview-generic-filter-panel-text-color")) !default;
+$cardview-generic-filter-panel__icon-color: getCustomVar(("$cardview-generic-filter-panel__icon-color")) !default;
+$cardview-generic-nodata-view-bg-color: getCustomVar(("$cardview-generic-nodata-view-bg-color")) !default;
+$cardview-generic-nodata-view-text-color: getCustomVar(("$cardview-generic-nodata-view-text-color")) !default;
+$cardview-generic-nodata-view__icon-color: getCustomVar(("$cardview-generic-nodata-view__icon-color")) !default;
+$cardview-generic-nodata-view__icon-bg-color: getCustomVar(("$cardview-generic-nodata-view__icon-bg-color")) !default;
+$cardview-generic-card__content__field-value--highlighted-bg-color: getCustomVar(("$cardview-generic-card__content__field-value--highlighted-bg-color")) !default;
+$cardview-generic-card__content__field-value--highlighted-text-color: getCustomVar(("$cardview-generic-card__content__field-value--highlighted-text-color")) !default;
+$cardview-generic-card__content__field-value--highlighted-box-shadow-color: getCustomVar(("$cardview-generic-card__content__field-value--highlighted-box-shadow-color")) !default;
+
 @use '../colors' as *;
 @use '../../base/cardView/variables' as *;
 @use '../../base/cardView/header_panel/variables' as *;
@@ -9,197 +66,510 @@
 @use '../../base/cardView/content_view/content/variables' as *;
 @use '../../base/cardView/content_view/no_data/variables' as *;
 @use '../../base/cardView/column_chooser/variables' as *;
+@use '../../base/cardView/filter_panel/variables' as *;
 @use "sass:color";
 
 // adduse
 
-$cardview-generic-background-color: null !default;
+// #region COMMON SETTINGS
+$cardview-generic-common-bg-color: null !default;
+$cardview-generic-common-link-color: null !default;
+$cardview-generic-common-text-color: null !default;
 
-$cardview-generic-header-filter-icon-empty-color: null !default;
-$cardview-generic-header-filter-icon-selected-color: null !default;
+// #endregion
 
-$cardview-generic-dropzone-text-color: null !default;
-$cardview-generic-dropzone-background-color: null !default;
-$cardview-generic-dropzone-border-color: null !default;
-
-$cardview-generic-header-item-border-color: null !default;
+// #region CARD
+$cardview-generic-card-bg-color: null !default;
+$cardview-generic-card-border-color: null !default;
+$cardview-generic-card-divider-color: null !default;
+$cardview-generic-card-text-color: null !default;
+$cardview-generic-card__cover-bg-color: null !default;
+$cardview-generic-card__cover--noimage-bg-color: null !default;
+$cardview-generic-card__cover--noimage__icon-color: null !default;
 
-$cardview-generic-header-item-background-color: null !default;
-$cardview-generic-header-item-hovered-background-color: null !default;
-$cardview-generic-header-item-hovered-border-color: null !default;
+$cardview-generic-card--focused-outline-color: null !default;
 
-$cardview-generic-header-item-prohibition-icon-color: null !default;
+// #endregion
 
-$cardview-generic-nodata-text-color: null !default;
-$cardview-generic-nodata-icon-container-background-color: null !default;
+// #region CARD (SELECTED)
+$cardview-generic-card--selected-bg-color: null !default;
+$cardview-generic-card--selected-border-color: null !default;
+$cardview-generic-card--selected-divider-color: null !default;
+$cardview-generic-card--selected-text-color: null !default;
+$cardview-generic-card--selected__cover-bg-color: null !default;
+$cardview-generic-card--selected__cover--noimage-bg-color: null !default;
+$cardview-generic-card--selected__cover--noimage__icon-color: null !default;
 
-$cardview-generic-card-content-field-value-highlight-color: null !default;
-$cardview-generic-card-content-field-value-highlight-background: null !default;
-$cardview-generic-card-content-field-value-highlight-border-radius: null !default;
-$cardview-generic-card-content-field-value-highlight-padding: null !default;
-$cardview-generic-card-content-field-value-highlight-font-weight: null !default;
-$cardview-generic-card-content-field-value-highlight-box-shadow: null !default;
+// #endregion
 
-$cardview-generic-card-cover-background-color: null !default;
+// #region HEADER PANEL ITEM
+$cardview-generic-header-panel__item-bg-color: null !default;
+$cardview-generic-header-panel__item-border-color: null !default;
+$cardview-generic-header-panel__item-text-color: null !default;
+$cardview-generic-header-panel__item__icon-color: null !default;
+$cardview-generic-header-panel__item__header-filter-icon--selected-color: null !default;
+$cardview-generic-header-panel__item__sort-index-text-color: null !default;
 
-$cardview-generic-card-cover-noimage-background-color: null !default;
-$cardview-generic-card-cover-noimage-icon-color: null !default;
+$cardview-generic-header-panel__item--focused-outline-color: null !default;
 
-$cardview-generic-card-selection-background-color: null !default;
+// #endregion
 
-$cardview-generic-card-border-color: null !default;
-$cardview-generic-card-background-color: null !default;
+// #region HEADER PANEL ITEM (HOVERED)
+$cardview-generic-header-panel__item--hovered-bg-color: null !default;
+$cardview-generic-header-panel__item--hovered-border-color: null !default;
+$cardview-generic-header-panel__item--hovered-text-color: null !default;
+$cardview-generic-header-panel__item--hovered__icon-color: null !default;
+$cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color: null !default;
+$cardview-generic-header-panel__item--hovered__sort-index-text-color: null !default;
 
-@if $color == 'light' or $color == 'carmine' or $color == 'softblue' or $color == 'greenmist' {
-  $cardview-generic-background-color: $base-bg !default;
+// #endregion
 
-  $cardview-generic-header-filter-icon-empty-color: $base-text-color !default;
-  $cardview-generic-header-filter-icon-selected-color: $base-accent !default;
+// #region HEADER PANEL ITEM (DISABLED)
+$cardview-generic-header-panel__item--disabled-bg-color: null !default;
+$cardview-generic-header-panel__item--disabled-border-color: null !default;
+$cardview-generic-header-panel__item--disabled-text-color: null !default;
+$cardview-generic-header-panel__item--disabled__icon-color: null !default;
+$cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color: null !default;
+$cardview-generic-header-panel__item--disabled__sort-index-text-color: null !default;
 
-  $cardview-generic-dropzone-text-color: $base-accent !default;
-  $cardview-generic-dropzone-background-color: lighten(desaturate(adjust-hue(#337ab7, 2), 6.41), 48.63) !default;
-  $cardview-generic-dropzone-border-color: $base-accent !default;
+// #endregion
 
-  $cardview-generic-header-item-background-color: darken($base-bg, 3.92)  !default;
-  $cardview-generic-header-item-border-color: $base-border-color !default;
-  $cardview-generic-header-item-hovered-background-color: darken($cardview-generic-header-item-background-color, 3.92) !default;
-  $cardview-generic-header-item-hovered-border-color: darken($cardview-generic-header-item-hovered-background-color, 10.59) !default;
+// #region HEADER PANEL ITEM (ON DRAG)
+$cardview-generic-header-panel__item--dragged-bg-color: null !default;
+$cardview-generic-header-panel__item--dragged-border-color: null !default;
+$cardview-generic-header-panel__item--dragged-text-color: null !default;
+$cardview-generic-header-panel__item--dragged__allowance-icon-color: null !default;
+$cardview-generic-header-panel__item--dragged__prohibition-icon-color: null !default;
+$cardview-generic-header-panel__item--dragged-box-shadow-color: null !default;
 
-  $cardview-generic-header-item-prohibition-icon-color: $base-danger !default;
+// #endregion
 
-  $cardview-generic-nodata-text-color: $base-label-color !default;
-  $cardview-generic-nodata-icon-container-background-color: darken($base-bg, 7.84) !default;
+// #region HEADER PANEL DROP ZONE
+$cardview-generic-header-panel__dropzone-bg-color: null !default;
+$cardview-generic-header-panel__dropzone-border-color: null !default;
+$cardview-generic-header-panel__dropzone-text-color: null !default;
+$cardview-generic-header-panel__dropzone__icon-color: null !default;
 
-  $cardview-generic-card-content-field-value-highlight-color: $base-text-color !default;
-  $cardview-generic-card-content-field-value-highlight-background: $base-warning !default;
-  $cardview-generic-card-content-field-value-highlight-border-radius: 5px;
-  $cardview-generic-card-content-field-value-highlight-padding: .125em 0.2em;
-  $cardview-generic-card-content-field-value-highlight-font-weight: 500;
-  $cardview-generic-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+// #endregion
 
-  $cardview-generic-card-cover-background-color: #FFF !default;
+// #region FILTER PANEL
+$cardview-generic-filter-panel-bg-color: null !default;
+$cardview-generic-filter-panel-border-color: null !default;
+$cardview-generic-filter-panel-text-color: null !default;
+$cardview-generic-filter-panel__icon-color: null !default;
 
-  $cardview-generic-card-cover-noimage-background-color: darken($base-bg, 7.84) !default;
-  $cardview-generic-card-cover-noimage-icon-color: lighten($base-text-color, 38.43) !default;
+// #endregion
 
-  $cardview-generic-card-selection-background-color: lighten(desaturate(adjust-hue(#337ab7, 2), 6.41), 48.63) !default;
+// #region EMPTY VIEW
+$cardview-generic-nodata-view-bg-color: null !default;
+$cardview-generic-nodata-view-text-color: null !default;
+$cardview-generic-nodata-view__icon-color: null !default;
+$cardview-generic-nodata-view__icon-bg-color: null !default;
 
-  $cardview-generic-card-border-color: $base-border-color !default;
-  $cardview-generic-card-background-color: $base-bg !default;
-}
+// #endregion
 
-@if $color == "dark" or $color == "darkviolet" or $color == "darkmoon" {
-  $cardview-generic-background-color: $base-bg !default;
+// #region HIGHLIGHTS IN SEARCH
+$cardview-generic-card__content__field-value--highlighted-bg-color: null !default;
+$cardview-generic-card__content__field-value--highlighted-text-color: null !default;
+$cardview-generic-card__content__field-value--highlighted-box-shadow-color: null !default;
 
-  $cardview-generic-header-filter-icon-empty-color: $base-text-color !default;
-  $cardview-generic-header-filter-icon-selected-color: $base-accent !default;
+// #endregion
 
-  $cardview-generic-dropzone-text-color: $base-accent !default;
-  $cardview-generic-dropzone-background-color: darken(desaturate(adjust-hue(#1ca8dd, 1), 60.34), 29.41) !default;
-  $cardview-generic-dropzone-border-color: $base-accent !default;
+// #region COLUMN CHOOSER
 
-  $cardview-generic-header-item-background-color: lighten($base-bg, 3.92)  !default;
-  $cardview-generic-header-item-border-color: $base-border-color !default;
-  $cardview-generic-header-item-hovered-background-color: lighten($cardview-generic-header-item-background-color, 3.92) !default;
-  $cardview-generic-header-item-hovered-border-color: lighten($cardview-generic-header-item-border-color, 10.20) !default;
+$cardview-generic-columnchooser--empty__message-color: null !default;
 
-  $cardview-generic-header-item-prohibition-icon-color: $base-danger !default;
+// #endregion
 
-  $cardview-generic-nodata-text-color: $base-label-color !default;
-  $cardview-generic-nodata-icon-container-background-color: lighten(desaturate($base-bg, 0.30), 8.04) !default;
+@if $color == 'light' or $color == 'carmine' or $color == 'softblue' or $color == 'greenmist' {
 
-  $cardview-generic-card-content-field-value-highlight-color: $base-text-color !default;
-  $cardview-generic-card-content-field-value-highlight-background: $base-warning !default;
-  $cardview-generic-card-content-field-value-highlight-border-radius: 5px;
-  $cardview-generic-card-content-field-value-highlight-padding: .125em 0.2em;
-  $cardview-generic-card-content-field-value-highlight-font-weight: 500;
-  $cardview-generic-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+  // Common
+  $cardview-generic-common-bg-color: $base-bg !default;
+  $cardview-generic-common-link-color: $base-link-color !default;
+  $cardview-generic-common-text-color: $base-text-color !default;
 
-  $cardview-generic-card-cover-background-color: #FFF !default;
+  // Card
+  $cardview-generic-card-bg-color: $base-bg !default;
+  $cardview-generic-card-border-color: $base-border-color !default;
+  $cardview-generic-card-divider-color: $cardview-generic-card-border-color !default;
+  $cardview-generic-card-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-card__cover-bg-color: #FFF !default;
+  $cardview-generic-card__cover--noimage-bg-color: darken($base-bg, 7.84) !default;
+  $cardview-generic-card__cover--noimage__icon-color: lighten($cardview-generic-common-text-color, 38.43) !default;
+
+  $cardview-generic-card--focused-outline-color: $base-accent !default;
+
+  // Card - selected
+  $cardview-generic-card--selected-bg-color: lighten(desaturate(adjust-hue($base-accent, 2), 6.41), 48.63) !default;
+  $cardview-generic-card--selected-border-color: lighten(desaturate(adjust-hue($base-accent, 2), 6.88), 33.14) !default;
+  $cardview-generic-card--selected-divider-color: $cardview-generic-card--selected-border-color !default;
+  $cardview-generic-card--selected-text-color: $cardview-generic-card-text-color !default;
+  $cardview-generic-card--selected__cover-bg-color: $cardview-generic-card__cover-bg-color !default;
+  $cardview-generic-card--selected__cover--noimage-bg-color: $cardview-generic-card__cover--noimage-bg-color !default;
+  $cardview-generic-card--selected__cover--noimage__icon-color: $cardview-generic-card__cover--noimage__icon-color !default;
+
+  // Header panel item - default state
+  $cardview-generic-header-panel__item-bg-color: darken($base-bg, 3.92) !default;
+  $cardview-generic-header-panel__item-border-color: $base-border-color !default;
+  $cardview-generic-header-panel__item-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item__icon-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item__header-filter-icon--selected-color: $base-accent !default;
+  $cardview-generic-header-panel__item__sort-index-text-color: $cardview-generic-common-text-color !default;
+
+  $cardview-generic-header-panel__item--focused-outline-color: $base-accent !default;
+
+  // Header panel item - hovered
+  $cardview-generic-header-panel__item--hovered-bg-color: darken($cardview-generic-header-panel__item-bg-color, 3.92)  !default;
+  $cardview-generic-header-panel__item--hovered-border-color: darken($cardview-generic-header-panel__item-border-color, 10.59) !default;
+  $cardview-generic-header-panel__item--hovered-text-color: $cardview-generic-header-panel__item-text-color !default;
+  $cardview-generic-header-panel__item--hovered__icon-color: $cardview-generic-header-panel__item__icon-color !default;
+  $cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color: $cardview-generic-header-panel__item__header-filter-icon--selected-color !default;
+  $cardview-generic-header-panel__item--hovered__sort-index-text-color: $cardview-generic-header-panel__item__sort-index-text-color !default;
+
+  // Header panel item - disabled
+  $cardview-generic-header-panel__item--disabled-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-header-panel__item--disabled-border-color: $cardview-generic-header-panel__item-border-color !default;
+  $cardview-generic-header-panel__item--disabled-text-color: lighten($cardview-generic-header-panel__item-text-color, 60.00) !default;
+  $cardview-generic-header-panel__item--disabled__icon-color: lighten($cardview-generic-header-panel__item__icon-color, 60.00) !default;
+  $cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color: lighten(desaturate($cardview-generic-header-panel__item__header-filter-icon--selected-color, 34.10), 27.06) !default;
+  $cardview-generic-header-panel__item--disabled__sort-index-text-color: lighten($cardview-generic-header-panel__item__sort-index-text-color, 60.00) !default;
+
+  // Header panel item - dragged
+  $cardview-generic-header-panel__item--dragged-bg-color: $cardview-generic-header-panel__item-bg-color !default;
+  $cardview-generic-header-panel__item--dragged-border-color: $cardview-generic-header-panel__item-border-color !default;
+  $cardview-generic-header-panel__item--dragged-text-color: $cardview-generic-header-panel__item-text-color !default;
+  $cardview-generic-header-panel__item--dragged__allowance-icon-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item--dragged__prohibition-icon-color: $base-danger !default;
+  $cardview-generic-header-panel__item--dragged-box-shadow-color: rgba(0, 0, 0, 0.2) !default;
+
+  // Header panel Drop-zone
+  $cardview-generic-header-panel__dropzone-bg-color: lighten(desaturate(adjust-hue($base-accent, 2), 6.41), 48.63) !default;
+  $cardview-generic-header-panel__dropzone-border-color: $base-accent !default;
+  $cardview-generic-header-panel__dropzone-text-color: $base-accent !default;
+  $cardview-generic-header-panel__dropzone__icon-color: $base-accent !default;
+
+  // Filter panel
+  $cardview-generic-filter-panel-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-filter-panel-border-color: $base-border-color !default;
+  $cardview-generic-filter-panel-text-color: $base-accent !default;
+  $cardview-generic-filter-panel__icon-color: $base-accent !default;
+
+  // Empty view
+  $cardview-generic-nodata-view-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-nodata-view-text-color: $base-label-color !default;
+  $cardview-generic-nodata-view__icon-color: $cardview-generic-nodata-view-text-color !default;
+  $cardview-generic-nodata-view__icon-bg-color: darken($base-bg, 7.84) !default;
+
+  // Search highlight
+  $cardview-generic-card__content__field-value--highlighted-bg-color: $base-warning !default;
+  $cardview-generic-card__content__field-value--highlighted-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
+
+  // Column chooser
+  $cardview-generic-columnchooser--empty__message-color: lighten($cardview-generic-common-text-color, 26%) !default;
+}
 
-  $cardview-generic-card-cover-noimage-background-color: lighten(desaturate($base-bg, 0.30), 8.04) !default;
-  $cardview-generic-card-cover-noimage-icon-color: darken($base-text-color, 38.04)  !default;
+@if $color == "dark" or $color == "darkviolet" or $color == "darkmoon" {
 
-  $cardview-generic-card-selection-background-color: darken(desaturate(adjust-hue(#1ca8dd, 1), 60.34), 29.41) !default;
+  // Common
+  $cardview-generic-common-bg-color: $base-bg !default;
+  $cardview-generic-common-link-color: $base-link-color !default;
+  $cardview-generic-common-text-color: $base-text-color !default;
 
+  // Card
+  $cardview-generic-card-bg-color: $base-bg !default;
   $cardview-generic-card-border-color: $base-border-color !default;
-  $cardview-generic-card-background-color: $base-bg !default;
+  $cardview-generic-card-divider-color: $cardview-generic-card-border-color !default;
+  $cardview-generic-card-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-card__cover-bg-color: #FFF !default;
+  $cardview-generic-card__cover--noimage-bg-color: lighten(desaturate($base-bg, 0.30), 8.04) !default;
+  $cardview-generic-card__cover--noimage__icon-color: darken($cardview-generic-common-text-color, 38.04) !default;
+
+  $cardview-generic-card--focused-outline-color: $base-accent !default;
+
+  // Card - selected
+  $cardview-generic-card--selected-bg-color: darken(desaturate(adjust-hue($base-accent, 1), 60.34), 29.41) !default;
+  $cardview-generic-card--selected-border-color: darken(desaturate(adjust-hue($base-accent, 1), 44.18), 11.76) !default;
+  $cardview-generic-card--selected-divider-color: $cardview-generic-card--selected-border-color !default;
+  $cardview-generic-card--selected-text-color: $cardview-generic-card-text-color !default;
+  $cardview-generic-card--selected__cover-bg-color: $cardview-generic-card__cover-bg-color !default;
+  $cardview-generic-card--selected__cover--noimage-bg-color: $cardview-generic-card__cover--noimage-bg-color !default;
+  $cardview-generic-card--selected__cover--noimage__icon-color: $cardview-generic-card__cover--noimage__icon-color !default;
+
+  // Header panel item - default
+  $cardview-generic-header-panel__item-bg-color: lighten($base-bg, 3.92) !default;
+  $cardview-generic-header-panel__item-border-color: $base-border-color !default;
+  $cardview-generic-header-panel__item-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item__icon-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item__header-filter-icon--selected-color: $base-accent !default;
+  $cardview-generic-header-panel__item__sort-index-text-color: $cardview-generic-common-text-color !default;
+
+  $cardview-generic-header-panel__item--focused-outline-color: $base-accent !default;
+
+  // Header panel item - hovered
+  $cardview-generic-header-panel__item--hovered-bg-color: lighten($cardview-generic-header-panel__item-bg-color, 3.92)  !default;
+  $cardview-generic-header-panel__item--hovered-border-color: lighten($cardview-generic-header-panel__item-border-color, 10.20) !default;
+  $cardview-generic-header-panel__item--hovered-text-color: $cardview-generic-header-panel__item-text-color !default;
+  $cardview-generic-header-panel__item--hovered__icon-color: $cardview-generic-header-panel__item__icon-color !default;
+  $cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color: $cardview-generic-header-panel__item__header-filter-icon--selected-color !default;
+  $cardview-generic-header-panel__item--hovered__sort-index-text-color: $cardview-generic-header-panel__item__sort-index-text-color !default;
+
+  // Header panel item - disabled
+  $cardview-generic-header-panel__item--disabled-bg-color: darken($cardview-generic-common-bg-color, 8.24) !default;
+  $cardview-generic-header-panel__item--disabled-border-color: $cardview-generic-header-panel__item-border-color !default;
+  $cardview-generic-header-panel__item--disabled-text-color: darken($cardview-generic-header-panel__item-text-color, 59.22) !default;
+  $cardview-generic-header-panel__item--disabled__icon-color: darken($cardview-generic-header-panel__item__icon-color, 59.22) !default;
+  $cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color: darken(desaturate($cardview-generic-header-panel__item__header-filter-icon--selected-color, 22.79), 17.65) !default;
+  $cardview-generic-header-panel__item--disabled__sort-index-text-color: darken($cardview-generic-header-panel__item__sort-index-text-color, 59.22) !default;
+
+  // Header panel item - dragged
+  $cardview-generic-header-panel__item--dragged-bg-color: $cardview-generic-header-panel__item-bg-color !default;
+  $cardview-generic-header-panel__item--dragged-border-color: $cardview-generic-header-panel__item-border-color !default;
+  $cardview-generic-header-panel__item--dragged-text-color: $cardview-generic-header-panel__item-text-color !default;
+  $cardview-generic-header-panel__item--dragged__allowance-icon-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item--dragged__prohibition-icon-color: $base-danger !default;
+  $cardview-generic-header-panel__item--dragged-box-shadow-color: rgba(0, 0, 0, 0.2) !default;
+
+  // Header panel Drop-zone
+  $cardview-generic-header-panel__dropzone-bg-color: darken(desaturate(adjust-hue($base-accent, 1), 60.34), 29.41) !default;
+  $cardview-generic-header-panel__dropzone-border-color: $base-accent !default;
+  $cardview-generic-header-panel__dropzone-text-color: $base-accent !default;
+  $cardview-generic-header-panel__dropzone__icon-color: $base-accent !default;
+
+  // Filter panel
+  $cardview-generic-filter-panel-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-filter-panel-border-color: $base-border-color !default;
+  $cardview-generic-filter-panel-text-color: $base-accent !default;
+  $cardview-generic-filter-panel__icon-color: $base-accent !default;
+
+  // Empty view
+  $cardview-generic-nodata-view-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-nodata-view-text-color: $base-label-color !default;
+  $cardview-generic-nodata-view__icon-color: $cardview-generic-nodata-view-text-color !default;
+  $cardview-generic-nodata-view__icon-bg-color: lighten(desaturate($base-bg, 0.30), 8.04) !default;
+
+  // Search highlight
+  $cardview-generic-card__content__field-value--highlighted-bg-color: $base-warning !default;
+  $cardview-generic-card__content__field-value--highlighted-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
+
+  // Column chooser
+  $cardview-generic-columnchooser--empty__message-color: lighten($cardview-generic-common-text-color, 26%) !default;
 }
 
 @if $color == "contrast" {
-  $cardview-generic-background-color: $base-bg !default;
-
-  $cardview-generic-header-filter-icon-empty-color: $base-text-color !default;
-  $cardview-generic-header-filter-icon-selected-color: $base-accent !default;
-
-  $cardview-generic-dropzone-text-color: $base-text-color !default;
-  $cardview-generic-dropzone-background-color: $base-accent !default;
-  $cardview-generic-dropzone-border-color: $base-text-color !default;
-
-  $cardview-generic-header-item-background-color: $base-bg !default;
-  $cardview-generic-header-item-border-color: $base-border-color !default;
-  $cardview-generic-header-item-hovered-background-color: $cardview-generic-header-item-background-color !default;
-  $cardview-generic-header-item-hovered-border-color: $cardview-generic-header-item-border-color !default;
-
-  $cardview-generic-header-item-prohibition-icon-color: $base-danger !default;
 
-  $cardview-generic-nodata-text-color: $base-label-color !default;
-  $cardview-generic-nodata-icon-container-background-color: $base-bg !default;
-
-  $cardview-generic-card-content-field-value-highlight-color: $base-inverted-text-color !default;
-  $cardview-generic-card-content-field-value-highlight-background: $base-warning !default;
-  $cardview-generic-card-content-field-value-highlight-border-radius: 5px;
-  $cardview-generic-card-content-field-value-highlight-padding: .125em 0.2em;
-  $cardview-generic-card-content-field-value-highlight-font-weight: 500;
-  $cardview-generic-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
-
-  $cardview-generic-card-cover-background-color: #FFF !default;
-
-  $cardview-generic-card-cover-noimage-background-color: $base-bg !default;
-  $cardview-generic-card-cover-noimage-icon-color: $base-text-color !default;
-
-  $cardview-generic-card-selection-background-color: $base-accent !default;
+  // Common
+  $cardview-generic-common-bg-color: $base-bg !default;
+  $cardview-generic-common-link-color: $base-link-color !default;
+  $cardview-generic-common-text-color: $base-text-color !default;
 
+  // Card
+  $cardview-generic-card-bg-color: $base-bg !default;
   $cardview-generic-card-border-color: $base-border-color !default;
-  $cardview-generic-card-background-color: $base-bg !default;
+  $cardview-generic-card-divider-color: $cardview-generic-card-border-color !default;
+  $cardview-generic-card-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-card__cover-bg-color: #FFF !default;
+  $cardview-generic-card__cover--noimage-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-card__cover--noimage__icon-color: $cardview-generic-common-text-color !default;
+
+  // Card - selected
+  $cardview-generic-card--selected-bg-color: $base-accent !default;
+  $cardview-generic-card--selected-border-color: $cardview-generic-card-border-color !default;
+  $cardview-generic-card--selected-divider-color: $cardview-generic-card-divider-color !default;
+  $cardview-generic-card--selected-text-color: $cardview-generic-card-text-color !default;
+  $cardview-generic-card--selected__cover-bg-color: $cardview-generic-card__cover-bg-color !default;
+  $cardview-generic-card--selected__cover--noimage-bg-color: $cardview-generic-card__cover--noimage-bg-color !default;
+  $cardview-generic-card--selected__cover--noimage__icon-color: $cardview-generic-card__cover--noimage__icon-color !default;
+
+  // Header panel item - default
+  $cardview-generic-header-panel__item-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-header-panel__item-border-color: $base-border-color !default;
+  $cardview-generic-header-panel__item-text-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item__icon-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item__header-filter-icon--selected-color: $base-accent !default;
+  $cardview-generic-header-panel__item__sort-index-text-color: $cardview-generic-common-text-color !default;
+
+  // Header panel item - hovered
+  $cardview-generic-header-panel__item--hovered-bg-color: $cardview-generic-header-panel__item-bg-color  !default;
+  $cardview-generic-header-panel__item--hovered-border-color: $cardview-generic-header-panel__item-border-color !default;
+  $cardview-generic-header-panel__item--hovered-text-color: $cardview-generic-header-panel__item-text-color !default;
+  $cardview-generic-header-panel__item--hovered__icon-color: $cardview-generic-header-panel__item__icon-color !default;
+  $cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color: $cardview-generic-header-panel__item__header-filter-icon--selected-color !default;
+  $cardview-generic-header-panel__item--hovered__sort-index-text-color: $cardview-generic-header-panel__item__sort-index-text-color !default;
+
+  // Header panel item - disabled
+  $cardview-generic-header-panel__item--disabled-bg-color: $cardview-generic-header-panel__item-bg-color !default;
+  $cardview-generic-header-panel__item--disabled-border-color: $cardview-generic-header-panel__item-border-color !default;
+  $cardview-generic-header-panel__item--disabled-text-color: darken($cardview-generic-header-panel__item-text-color, 49.80) !default;
+  $cardview-generic-header-panel__item--disabled__icon-color: darken($cardview-generic-header-panel__item__icon-color, 49.80) !default;
+  $cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color: darken($cardview-generic-header-panel__item__header-filter-icon--selected-color, 20.98) !default;
+  $cardview-generic-header-panel__item--disabled__sort-index-text-color: darken($cardview-generic-header-panel__item__sort-index-text-color, 49.80) !default;
+
+  // Header panel item - dragged
+  $cardview-generic-header-panel__item--dragged-bg-color: $cardview-generic-header-panel__item-bg-color !default;
+  $cardview-generic-header-panel__item--dragged-border-color: $cardview-generic-header-panel__item-border-color !default;
+  $cardview-generic-header-panel__item--dragged-text-color: $cardview-generic-header-panel__item-text-color !default;
+  $cardview-generic-header-panel__item--dragged__allowance-icon-color: $cardview-generic-common-text-color !default;
+  $cardview-generic-header-panel__item--dragged__prohibition-icon-color: $base-danger !default;
+  $cardview-generic-header-panel__item--dragged-box-shadow-color: rgba(0, 0, 0, 0.2) !default;
+
+  // Header panel Drop-zone
+  $cardview-generic-header-panel__dropzone-bg-color: $base-accent !default;
+  $cardview-generic-header-panel__dropzone-border-color: $base-text-color !default;
+  $cardview-generic-header-panel__dropzone-text-color: $base-text-color !default;
+  $cardview-generic-header-panel__dropzone__icon-color: $base-text-color !default;
+
+  // Filter panel
+  $cardview-generic-filter-panel-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-filter-panel-border-color: $base-border-color !default;
+  $cardview-generic-filter-panel-text-color: $base-accent !default;
+  $cardview-generic-filter-panel__icon-color: $base-accent !default;
+
+  // Empty view
+  $cardview-generic-nodata-view-bg-color: $cardview-generic-common-bg-color !default;
+  $cardview-generic-nodata-view-text-color: $base-label-color !default;
+  $cardview-generic-nodata-view__icon-color: $cardview-generic-nodata-view-text-color !default;
+  $cardview-generic-nodata-view__icon-bg-color: $cardview-generic-common-bg-color !default;
+
+  // Search highlight
+  $cardview-generic-card__content__field-value--highlighted-bg-color: $base-warning !default;
+  $cardview-generic-card__content__field-value--highlighted-text-color: $base-inverted-text-color !default;
+  $cardview-generic-card__content__field-value--highlighted-box-shadow-color: rgba(0, 0, 0, 0.25) !default;
+
+  // Column chooser
+  $cardview-generic-columnchooser--empty__message-color: lighten($cardview-generic-common-text-color, 26%) !default;
 }
 
-$cardview-background-color: $cardview-generic-background-color !default;
-$cardview-link-color: $base-accent !default;
-
-$cardview-header-filter-icon-empty-color: $cardview-generic-header-filter-icon-empty-color !default;
-$cardview-header-filter-icon-selected-color: $cardview-generic-header-filter-icon-selected-color !default;
-
-$cardview-dropzone-text-color: $cardview-generic-dropzone-text-color !default;
-$cardview-dropzone-background-color: $cardview-generic-dropzone-background-color !default;
-$cardview-dropzone-border-color: $cardview-generic-dropzone-border-color !default;
-
-$cardview-header-item-border-color: $cardview-generic-header-item-border-color !default;
-
-$cardview-header-item-background-color: $cardview-generic-header-item-background-color !default;
-$cardview-header-item-hovered-background-color: $cardview-generic-header-item-hovered-background-color !default;
-$cardview-header-item-hovered-border-color: $cardview-generic-header-item-hovered-border-color !default;
-
-$cardview-header-item-prohibition-icon-color: $cardview-generic-header-item-prohibition-icon-color !default;
-
-$cardview-nodata-text-color: $cardview-generic-nodata-text-color !default;
-$cardview-nodata-icon-container-background-color: $cardview-generic-nodata-icon-container-background-color !default;
-
-$cardview-card-content-field-value-highlight-color: $cardview-generic-card-content-field-value-highlight-color !default;
-$cardview-card-content-field-value-highlight-background: $cardview-generic-card-content-field-value-highlight-background !default;
-$cardview-card-content-field-value-highlight-border-radius: $cardview-generic-card-content-field-value-highlight-border-radius !default;
-$cardview-card-content-field-value-highlight-padding: $cardview-generic-card-content-field-value-highlight-padding !default;
-$cardview-card-content-field-value-highlight-font-weight: $cardview-generic-card-content-field-value-highlight-font-weight !default;
-$cardview-card-content-field-value-highlight-box-shadow: $cardview-generic-card-content-field-value-highlight-box-shadow !default;
-
-$cardview-card-cover-background-color: $cardview-generic-card-cover-background-color !default;
-
-$cardview-card-cover-noimage-background-color: $cardview-generic-card-cover-noimage-background-color !default;
-$cardview-card-cover-noimage-icon-color: $cardview-generic-card-cover-noimage-icon-color !default;
-
-$cardview-card-selection-background-color: $cardview-generic-card-selection-background-color !default;
+$cardview-bg-color: $cardview-generic-common-bg-color !default;
+$cardview-link-color: $cardview-generic-common-link-color !default;
+$cardview-text-color: $cardview-generic-common-text-color !default;
 
+$cardview-card-bg-color: $cardview-generic-card-bg-color !default;
 $cardview-card-border-color: $cardview-generic-card-border-color !default;
-$cardview-card-background-color: $cardview-generic-card-background-color !default;
-
-$cardview-columnchooser-message-color: lighten($base-text-color, 26%) !default;
+$cardview-card-divider-color: $cardview-generic-card-divider-color !default;
+$cardview-card-text-color: $cardview-generic-card-text-color !default;
+$cardview-card__cover-bg-color: $cardview-generic-card__cover-bg-color !default;
+$cardview-card__cover--noimage-bg-color: $cardview-generic-card__cover--noimage-bg-color !default;
+$cardview-card__cover--noimage__icon-color: $cardview-generic-card__cover--noimage__icon-color !default;
+
+$cardview-card--focused-outline-color: $cardview-generic-card--focused-outline-color !default;
+
+$cardview-card--selected-bg-color: $cardview-generic-card--selected-bg-color !default;
+$cardview-card--selected-border-color: $cardview-generic-card--selected-border-color !default;
+$cardview-card--selected-divider-color: $cardview-generic-card--selected-divider-color !default;
+$cardview-card--selected-text-color: $cardview-generic-card--selected-text-color !default;
+$cardview-card--selected__cover-bg-color: $cardview-generic-card--selected__cover-bg-color !default;
+$cardview-card--selected__cover--noimage-bg-color: $cardview-generic-card--selected__cover--noimage-bg-color !default;
+$cardview-card--selected__cover--noimage__icon-color: $cardview-generic-card--selected__cover--noimage__icon-color !default;
+
+$cardview-header-panel__item-bg-color: $cardview-generic-header-panel__item-bg-color !default;
+$cardview-header-panel__item-border-color: $cardview-generic-header-panel__item-border-color !default;
+$cardview-header-panel__item-text-color: $cardview-generic-header-panel__item-text-color !default;
+$cardview-header-panel__item__icon-color: $cardview-generic-header-panel__item__icon-color !default;
+$cardview-header-panel__item__header-filter-icon--selected-color: $cardview-generic-header-panel__item__header-filter-icon--selected-color !default;
+$cardview-header-panel__item__sort-index-text-color: $cardview-generic-header-panel__item__sort-index-text-color !default;
+
+$cardview-header-panel__item--focused-outline-color: $cardview-generic-header-panel__item--focused-outline-color !default;
+
+$cardview-header-panel__item--hovered-bg-color: $cardview-generic-header-panel__item--hovered-bg-color !default;
+$cardview-header-panel__item--hovered-border-color: $cardview-generic-header-panel__item--hovered-border-color !default;
+$cardview-header-panel__item--hovered-text-color: $cardview-generic-header-panel__item--hovered-text-color !default;
+$cardview-header-panel__item--hovered__icon-color: $cardview-generic-header-panel__item--hovered__icon-color !default;
+$cardview-header-panel__item--hovered__header-filter-icon--selected-color: $cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color !default;
+$cardview-header-panel__item--hovered__sort-index-text-color: $cardview-generic-header-panel__item--hovered__sort-index-text-color !default;
+
+$cardview-header-panel__item--disabled-bg-color: $cardview-generic-header-panel__item--disabled-bg-color !default;
+$cardview-header-panel__item--disabled-border-color: $cardview-generic-header-panel__item--disabled-border-color !default;
+$cardview-header-panel__item--disabled-text-color: $cardview-generic-header-panel__item--disabled-text-color !default;
+$cardview-header-panel__item--disabled__icon-color: $cardview-generic-header-panel__item--disabled__icon-color !default;
+$cardview-header-panel__item--disabled__header-filter-icon--selected-color: $cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color !default;
+$cardview-header-panel__item--disabled__sort-index-text-color: $cardview-generic-header-panel__item--disabled__sort-index-text-color !default;
+
+$cardview-header-panel__item--dragged-bg-color: $cardview-generic-header-panel__item--dragged-bg-color !default;
+$cardview-header-panel__item--dragged-border-color: $cardview-generic-header-panel__item--dragged-border-color !default;
+$cardview-header-panel__item--dragged-text-color: $cardview-generic-header-panel__item--dragged-text-color !default;
+$cardview-header-panel__item--dragged__allowance-icon-color: $cardview-generic-header-panel__item--dragged__allowance-icon-color !default;
+$cardview-header-panel__item--dragged__prohibition-icon-color: $cardview-generic-header-panel__item--dragged__prohibition-icon-color !default;
+$cardview-header-panel__item--dragged-box-shadow-color: $cardview-generic-header-panel__item--dragged-box-shadow-color !default;
+
+$cardview-header-panel__dropzone-bg-color: $cardview-generic-header-panel__dropzone-bg-color !default;
+$cardview-header-panel__dropzone-border-color: $cardview-generic-header-panel__dropzone-border-color !default;
+$cardview-header-panel__dropzone-text-color: $cardview-generic-header-panel__dropzone-text-color !default;
+$cardview-header-panel__dropzone__icon-color: $cardview-generic-header-panel__dropzone__icon-color !default;
+
+$cardview-filter-panel-bg-color: $cardview-generic-filter-panel-bg-color !default;
+$cardview-filter-panel-border-color: $cardview-generic-filter-panel-border-color !default;
+$cardview-filter-panel-text-color: $cardview-generic-filter-panel-text-color !default;
+$cardview-filter-panel__icon-color: $cardview-generic-filter-panel__icon-color !default;
+
+$cardview-nodata-view-bg-color: $cardview-generic-nodata-view-bg-color !default;
+$cardview-nodata-view-text-color: $cardview-generic-nodata-view-text-color !default;
+$cardview-nodata-view__icon-color: $cardview-generic-nodata-view__icon-color !default;
+$cardview-nodata-view__icon-bg-color: $cardview-generic-nodata-view__icon-bg-color !default;
+
+$cardview-card__content__field-value--highlighted-bg-color: $cardview-generic-card__content__field-value--highlighted-bg-color !default;
+$cardview-card__content__field-value--highlighted-text-color: $cardview-generic-card__content__field-value--highlighted-text-color !default;
+$cardview-card__content__field-value--highlighted-box-shadow: 0 1px 3px $cardview-generic-card__content__field-value--highlighted-box-shadow-color !default;
+
+$cardview-columnchooser--empty__message-color: $cardview-generic-columnchooser--empty__message-color !default;
+
+$cardview-header-item__sort-indicator__border-color: $base-accent !default;
+$never-used: collector((
+"$cardview-generic-common-bg-color": $cardview-generic-common-bg-color,
+"$cardview-generic-common-link-color": $cardview-generic-common-link-color,
+"$cardview-generic-common-text-color": $cardview-generic-common-text-color,
+"$cardview-generic-card-bg-color": $cardview-generic-card-bg-color,
+"$cardview-generic-card-border-color": $cardview-generic-card-border-color,
+"$cardview-generic-card-divider-color": $cardview-generic-card-divider-color,
+"$cardview-generic-card-text-color": $cardview-generic-card-text-color,
+"$cardview-generic-card__cover-bg-color": $cardview-generic-card__cover-bg-color,
+"$cardview-generic-card__cover--noimage-bg-color": $cardview-generic-card__cover--noimage-bg-color,
+"$cardview-generic-card__cover--noimage__icon-color": $cardview-generic-card__cover--noimage__icon-color,
+"$cardview-generic-card--selected-bg-color": $cardview-generic-card--selected-bg-color,
+"$cardview-generic-card--selected-border-color": $cardview-generic-card--selected-border-color,
+"$cardview-generic-card--selected-divider-color": $cardview-generic-card--selected-divider-color,
+"$cardview-generic-card--selected-text-color": $cardview-generic-card--selected-text-color,
+"$cardview-generic-card--selected__cover-bg-color": $cardview-generic-card--selected__cover-bg-color,
+"$cardview-generic-card--selected__cover--noimage-bg-color": $cardview-generic-card--selected__cover--noimage-bg-color,
+"$cardview-generic-card--selected__cover--noimage__icon-color": $cardview-generic-card--selected__cover--noimage__icon-color,
+"$cardview-generic-header-panel__item-bg-color": $cardview-generic-header-panel__item-bg-color,
+"$cardview-generic-header-panel__item-border-color": $cardview-generic-header-panel__item-border-color,
+"$cardview-generic-header-panel__item-text-color": $cardview-generic-header-panel__item-text-color,
+"$cardview-generic-header-panel__item__icon-color": $cardview-generic-header-panel__item__icon-color,
+"$cardview-generic-header-panel__item__header-filter-icon--selected-color": $cardview-generic-header-panel__item__header-filter-icon--selected-color,
+"$cardview-generic-header-panel__item__sort-index-text-color": $cardview-generic-header-panel__item__sort-index-text-color,
+"$cardview-generic-header-panel__item--hovered-bg-color": $cardview-generic-header-panel__item--hovered-bg-color,
+"$cardview-generic-header-panel__item--hovered-border-color": $cardview-generic-header-panel__item--hovered-border-color,
+"$cardview-generic-header-panel__item--hovered-text-color": $cardview-generic-header-panel__item--hovered-text-color,
+"$cardview-generic-header-panel__item--hovered__icon-color": $cardview-generic-header-panel__item--hovered__icon-color,
+"$cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color": $cardview-generic-header-panel__item--hovered__header-filter-icon--selected-color,
+"$cardview-generic-header-panel__item--hovered__sort-index-text-color": $cardview-generic-header-panel__item--hovered__sort-index-text-color,
+"$cardview-generic-header-panel__item--disabled-bg-color": $cardview-generic-header-panel__item--disabled-bg-color,
+"$cardview-generic-header-panel__item--disabled-border-color": $cardview-generic-header-panel__item--disabled-border-color,
+"$cardview-generic-header-panel__item--disabled-text-color": $cardview-generic-header-panel__item--disabled-text-color,
+"$cardview-generic-header-panel__item--disabled__icon-color": $cardview-generic-header-panel__item--disabled__icon-color,
+"$cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color": $cardview-generic-header-panel__item--disabled__header-filter-icon--selected-color,
+"$cardview-generic-header-panel__item--disabled__sort-index-text-color": $cardview-generic-header-panel__item--disabled__sort-index-text-color,
+"$cardview-generic-header-panel__item--dragged-bg-color": $cardview-generic-header-panel__item--dragged-bg-color,
+"$cardview-generic-header-panel__item--dragged-border-color": $cardview-generic-header-panel__item--dragged-border-color,
+"$cardview-generic-header-panel__item--dragged-text-color": $cardview-generic-header-panel__item--dragged-text-color,
+"$cardview-generic-header-panel__item--dragged__allowance-icon-color": $cardview-generic-header-panel__item--dragged__allowance-icon-color,
+"$cardview-generic-header-panel__item--dragged__prohibition-icon-color": $cardview-generic-header-panel__item--dragged__prohibition-icon-color,
+"$cardview-generic-header-panel__item--dragged-box-shadow-color": $cardview-generic-header-panel__item--dragged-box-shadow-color,
+"$cardview-generic-header-panel__dropzone-bg-color": $cardview-generic-header-panel__dropzone-bg-color,
+"$cardview-generic-header-panel__dropzone-border-color": $cardview-generic-header-panel__dropzone-border-color,
+"$cardview-generic-header-panel__dropzone-text-color": $cardview-generic-header-panel__dropzone-text-color,
+"$cardview-generic-header-panel__dropzone__icon-color": $cardview-generic-header-panel__dropzone__icon-color,
+"$cardview-generic-filter-panel-bg-color": $cardview-generic-filter-panel-bg-color,
+"$cardview-generic-filter-panel-border-color": $cardview-generic-filter-panel-border-color,
+"$cardview-generic-filter-panel-text-color": $cardview-generic-filter-panel-text-color,
+"$cardview-generic-filter-panel__icon-color": $cardview-generic-filter-panel__icon-color,
+"$cardview-generic-nodata-view-bg-color": $cardview-generic-nodata-view-bg-color,
+"$cardview-generic-nodata-view-text-color": $cardview-generic-nodata-view-text-color,
+"$cardview-generic-nodata-view__icon-color": $cardview-generic-nodata-view__icon-color,
+"$cardview-generic-nodata-view__icon-bg-color": $cardview-generic-nodata-view__icon-bg-color,
+"$cardview-generic-card__content__field-value--highlighted-bg-color": $cardview-generic-card__content__field-value--highlighted-bg-color,
+"$cardview-generic-card__content__field-value--highlighted-text-color": $cardview-generic-card__content__field-value--highlighted-text-color,
+"$cardview-generic-card__content__field-value--highlighted-box-shadow-color": $cardview-generic-card__content__field-value--highlighted-box-shadow-color,
+));