$datagrid-base-color: getCustomVar(("$datagrid-base-color")) !default;
$datagrid-base-background-color: getCustomVar(("$datagrid-base-background-color")) !default;
$datagrid-border-color: getCustomVar(("$datagrid-border-color")) !default;
$datagrid-columnchooser-item-color: getCustomVar(("$datagrid-columnchooser-item-color")) !default;
$datagrid-columnchooser-font-weight: getCustomVar(("$datagrid-columnchooser-font-weight")) !default;
$datagrid-drag-header-border-color: getCustomVar(("$datagrid-drag-header-border-color")) !default;
$datagrid-selection-bg: getCustomVar(("$datagrid-selection-bg")) !default;
$datagrid-row-selected-border-color: getCustomVar(("$datagrid-row-selected-border-color")) !default;
$datagrid-row-selected-color: getCustomVar(("$datagrid-row-selected-color")) !default;
$datagrid-row-focused-color: getCustomVar(("$datagrid-row-focused-color")) !default;
$datagrid-row-focused-bg: getCustomVar(("$datagrid-row-focused-bg")) !default;
$datagrid-hover-bg: getCustomVar(("$datagrid-hover-bg")) !default;
$datagrid-menu-icon-color: getCustomVar(("$datagrid-menu-icon-color")) !default;
$datagrid-cell-modified-border-color: getCustomVar(("$datagrid-cell-modified-border-color")) !default;
$datagrid-row-invalid-faded-border-color: getCustomVar(("$datagrid-row-invalid-faded-border-color")) !default;
$datagrid-nodata-color: getCustomVar(("$datagrid-nodata-color")) !default;
$datagrid-group-row-color: getCustomVar(("$datagrid-group-row-color")) !default;
$datagrid-group-row-bg: getCustomVar(("$datagrid-group-row-bg")) !default;
$datagrid-search-color: getCustomVar(("$datagrid-search-color")) !default;
$datagrid-spin-icon-color: getCustomVar(("$datagrid-spin-icon-color")) !default;
$datagrid-search-bg: getCustomVar(("$datagrid-search-bg")) !default;
$datagrid-row-error-color: getCustomVar(("$datagrid-row-error-color")) !default;
$datagrid-row-error-bg: getCustomVar(("$datagrid-row-error-bg")) !default;
$datagrid-link-color: getCustomVar(("$datagrid-link-color")) !default;
$datagrid-focused-border-color: getCustomVar(("$datagrid-focused-border-color")) !default;
$datagrid-editor-bg: getCustomVar(("$datagrid-editor-bg")) !default;
$datagrid-columnchooser-bg: getCustomVar(("$datagrid-columnchooser-bg")) !default;
$datagrid-row-alternation-bg: getCustomVar(("$datagrid-row-alternation-bg")) !default;
$datagrid-summary-color: getCustomVar(("$datagrid-summary-color")) !default;

@use "sass:color";
@use "../sizes" as *;
@use "../colors" as *;
@use "../button/colors" as *;

// adduse
$datagrid-base-color: $base-text-color !default;
$datagrid-base-background-color: $base-bg !default;
$datagrid-border-color: $base-border-color !default;
$datagrid-border: 1px solid $datagrid-border-color !default;
$datagrid-columnchooser-item-color: null !default;
$datagrid-block-separator-bg: null !default;
$datagrid-columnchooser-font-weight: normal !default;
$datagrid-drag-header-border-color: null !default;
$datagrid-drag-header-shadow-color: null !default;
$datagrid-drag-header-second-shadow-color: null !default;
$datagrid-header-drag-bg: null !default;
$header-filter-color: null !default;
$header-filter-color-empty: null !default;
$datagrid-selection-bg: null !default;
$datagrid-row-selected-border-color: null !default;
$datagrid-row-selected-color: null !default;
$datagrid-row-focused-color: null !default;
$datagrid-row-focused-bg: null !default;
$datagrid-hover-bg: null !default;
$datagrid-row-hovered-color: null !default;
$datagrid-menu-icon-color: inherit !default;
$datagrid-cell-modified-border-color: null !default;
$datagrid-cell-removed-border-color: null !default;
$datagrid-row-removed-bg: null !default;
$datagrid-cell-removed-text-color: null !default;
$datagrid-row-invalid-faded-border-color: $base-invalid-faded-border-color !default;
$datagrid-row-invalid-border-color: $base-invalid-color !default;
$datagrid-nodata-color: null !default;
$datagrid-group-row-color: null !default;
$datagrid-group-row-bg: null !default;
$datagrid-master-detail-cell-bg: null !default;
$datagrid-search-color: $base-inverted-text-color !default;
$datagrid-spin-icon-color: null !default;
$datagrid-search-bg: null !default;
$datagrid-row-error-color: null !default;
$datagrid-row-error-bg: null !default;
$datagrid-link-color: $base-link-color !default;
$datagrid-focused-border-color: null !default;
$datagrid-editor-bg: null !default;
$datagrid-drop-highlight-bg: null !default;
$datagrid-drop-highlight-color: $base-inverted-text-color !default;
$datagrid-columnchooser-bg: null !default;
$datagrid-row-alternation-bg: null !default;
$datagrid-columnchooser-item-bg: null !default;
$datagrid-summary-color: null !default;
$datagrid-columnchooser-message-color: null !default;
$datagrid-summary-bg: null !default;
$datagrid-overlay-content-shadow-color: color.change($base-shadow-color, $alpha: 0.15) !default;
$datagrid-columnchooser-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
$datagrid-column-separator-bg: null !default;
$datagrid-text-stub-background-image-path: null !default;
$datagrid-draggable-column-text-color: null !default;

@if $color == "carmine" {
  $datagrid-columnchooser-item-color: $base-label-color !default;
  $datagrid-block-separator-bg: darken($datagrid-base-background-color, 6.5%) !default;
  $datagrid-drag-header-border-color: color.change($base-accent, $alpha: 0.7) !default;
  $datagrid-drag-header-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
  $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
  $datagrid-header-drag-bg: $datagrid-base-background-color !default;
  $header-filter-color: $datagrid-columnchooser-item-color !default;
  $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.5) !default;
  $datagrid-selection-bg: $base-accent !default;
  $datagrid-row-selected-border-color: lighten($base-accent, 9%) !default;
  $datagrid-row-selected-color: lighten($datagrid-base-color, 100%) !default;
  $datagrid-row-focused-color: $base-inverted-text-color !default;
  $datagrid-row-focused-bg: mix($base-bg, $base-accent, 20%) !default;
  $datagrid-hover-bg: darken($base-bg, 2%) !default;
  $datagrid-row-hovered-color: $base-hover-color !default;
  $datagrid-cell-modified-border-color: color.change($base-success, $alpha: 0.5) !default;
  $datagrid-nodata-color: $base-label-color !default;
  $datagrid-group-row-color: $base-label-color !default;
  $datagrid-group-row-bg: darken($base-bg, 2%) !default;
  $datagrid-master-detail-cell-bg: darken($datagrid-base-background-color, 2%) !default;
  $datagrid-spin-icon-color: lighten($base-icon-color, 3%) !default;
  $datagrid-search-bg: $base-accent !default;
  $datagrid-row-error-color: $base-inverted-text-color !default;
  $datagrid-row-error-bg: mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
  $datagrid-focused-border-color: mix($base-bg, darken($base-accent, 15%), 20%) !default;
  $datagrid-editor-bg: $datagrid-base-background-color !default;
  $datagrid-drop-highlight-bg: $base-accent !default;
  $datagrid-columnchooser-bg: $base-element-bg !default;
  $datagrid-row-alternation-bg: darken($base-bg, 2%) !default;
  $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
  $datagrid-summary-color: $base-label-color !default;
  $datagrid-columnchooser-message-color: lighten($datagrid-base-color, 40%) !default;
  $datagrid-summary-bg: $datagrid-base-background-color !default;
  $datagrid-column-separator-bg: $base-accent !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDUyODc5REEzRDYzMTFFOEE5NUY5NzJBRDdGNUE5RjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDUyODc5RDkzRDYzMTFFOEE5NUY5NzJBRDdGNUE5RjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgiPayEAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC") !default;
  $datagrid-cell-removed-border-color: $datagrid-border-color !default;
  $datagrid-row-removed-bg: $datagrid-border-color !default;
  $datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
  $datagrid-draggable-column-text-color: $base-label-color !default;
}

@if $color == "contrast" {
  $datagrid-columnchooser-item-color: $base-text-color !default;
  $datagrid-block-separator-bg: $base-inverted-bg !default;
  $datagrid-drag-header-border-color: $base-border-color !default;
  $datagrid-drag-header-shadow-color: $base-shadow-color !default;
  $datagrid-drag-header-second-shadow-color: $base-shadow-color !default;
  $datagrid-header-drag-bg: $base-bg !default;
  $datagrid-selection-bg: $base-inverted-bg !default;
  $datagrid-row-selected-border-color: $datagrid-base-background-color !default;
  $datagrid-row-selected-color: $base-inverted-text-color !default;
  $datagrid-row-focused-color: $base-text-color !default;
  $datagrid-row-focused-bg: $base-accent !default;
  $datagrid-row-hovered-color: $base-text-color !default;
  $datagrid-hover-bg: $base-bg !default;
  $datagrid-cell-modified-border-color: $base-text-color !default;
  $datagrid-nodata-color: $base-text-color !default;
  $datagrid-group-row-color: $base-text-color !default;
  $datagrid-group-row-bg: #3806ff !default;
  $header-filter-color: #3806ff !default;
  $header-filter-color-empty: $datagrid-columnchooser-item-color !default;
  $datagrid-master-detail-cell-bg: $base-bg !default;
  $datagrid-spin-icon-color: $base-icon-color !default;
  $datagrid-search-bg: $base-inverted-bg !default;
  $datagrid-row-error-color: $base-inverted-text-color !default;
  $datagrid-row-error-bg: $base-invalid-color !default;
  $datagrid-focused-border-color: $base-accent !default;
  $datagrid-editor-bg: $datagrid-base-background-color !default;
  $datagrid-drop-highlight-bg: $base-inverted-bg !default;
  $datagrid-columnchooser-bg: $base-bg !default;
  $datagrid-row-alternation-bg: $base-bg !default;
  $datagrid-columnchooser-item-bg: $base-bg !default;
  $datagrid-summary-color: $base-text-color !default;
  $datagrid-columnchooser-message-color: $base-text-color !default;
  $datagrid-summary-bg: $base-bg !default;
  $datagrid-column-separator-bg: darken($datagrid-base-background-color, 13.5%) !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0QxRDBGNUYzRDYzMTFFOEFCMjQ4NTNCQjcwRDZCM0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0QxRDBGNUUzRDYzMTFFOEFCMjQ4NTNCQjcwRDZCM0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu42dCEAAAE4SURBVHja7N2xDYQwEEVBjOiI/kvYmtaEBBsQIGTsedI1wOgTsbqWmZvGafcIgAgIEAEBIiBABGTtjut3egyvFhbilSUgQAREQIAICBABASIgQPR5zXdZFiIgQAQEiIAAERAgAiIgQAQEiIAAERAgAqKykS+owkIERECACAgQAQEiIEAERECA6GEuqCxEQIAICBABASIgQAREQIAICBABASIgQAREdav+B1VYiIAAERAgAgJEQAQEiIAAEZCpckFlIQICRECACAgQAQEiIAICRECACAgQAQEiIKpb9YLKQgQEiIAAERAgAiIgQAQEiIDMlQsqCxEQIAICRECACAgQAREQIAICRECACAgQAVHdXy+owkIEBIiACAgQAQEiIEAEBIiA6JYLKgsRECACAkRAgAgIEI1UF2AA7H8XeqANvwMAAAAASUVORK5CYII=") !default;
  $datagrid-cell-removed-border-color: $base-accent !default;
  $datagrid-row-removed-bg: $base-accent !default;
  $datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
  $datagrid-draggable-column-text-color: $base-text-color !default;
}

@if $color == "dark" {
  $datagrid-columnchooser-item-color: darken($datagrid-base-color, 26%) !default;
  $datagrid-block-separator-bg: lighten($datagrid-base-background-color, 6.5%) !default;
  $datagrid-drag-header-border-color: color.change($base-accent, $alpha: 0.5) !default;
  $datagrid-drag-header-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
  $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
  $datagrid-header-drag-bg: $datagrid-base-background-color !default;
  $header-filter-color: $datagrid-columnchooser-item-color !default;
  $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.5) !default;
  $datagrid-selection-bg: #444 !default;
  $datagrid-row-selected-border-color: $datagrid-border-color !default;
  $datagrid-row-selected-color: $datagrid-base-color !default;
  $datagrid-row-focused-color: $base-text-color !default;
  $datagrid-row-focused-bg: mix($base-accent, $base-bg, 20%) !default;
  $datagrid-hover-bg: lighten($datagrid-base-background-color, 4%) !default;
  $datagrid-row-hovered-color: $base-hover-color !default;
  $datagrid-cell-modified-border-color: color.change($base-success, $alpha: 0.5) !default;
  $datagrid-nodata-color: $datagrid-base-color !default;
  $datagrid-group-row-color: lighten($datagrid-base-color, 6.7%) !default;
  $datagrid-group-row-bg: lighten($datagrid-base-background-color, 3%) !default;
  $datagrid-master-detail-cell-bg: lighten($datagrid-base-background-color, 2%) !default;
  $datagrid-spin-icon-color: darken($base-icon-color, 38.5%) !default;
  $datagrid-search-bg: $base-accent !default;
  $datagrid-row-error-color: $base-text-color !default;
  $datagrid-row-error-bg: mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
  $datagrid-focused-border-color: mix($base-bg, $base-focus-bg, 20%) !default;
  $datagrid-editor-bg: $datagrid-base-background-color !default;
  $datagrid-drop-highlight-bg: $base-accent !default;
  $datagrid-columnchooser-bg: $base-element-bg !default;
  $datagrid-row-alternation-bg: lighten($datagrid-base-background-color, 4%) !default;
  $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
  $datagrid-summary-color: color.change($datagrid-base-color, $alpha: 0.7) !default;
  $datagrid-columnchooser-message-color: darken($datagrid-base-color, 26%) !default;
  $datagrid-summary-bg: $datagrid-base-background-color !default;
  $datagrid-column-separator-bg: $base-accent !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZBMzM1MzUzRDYzMTFFOEIwNEVFMkJENjkwODU5NTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZBMzM1MzQzRDYzMTFFOEIwNEVFMkJENjkwODU5NTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi/HBW0AAAE4SURBVHja7N2xDYQwEEVBjOiB/svbKtaEBBsQIGTsedI1wOgTsbqWmZvGafcIgAgIEAEBIiBABGTtjut3egyvFhbilSUgQAREQIAICBABASIgQPR5zXdZFiIgQAQEiIAAERAgAiIgQAQEiIAAERAgAqKykS+owkIERECACAgQAQEiIEAERECA6GEuqCxEQIAICBABASIgQAREQIAICBABASIgQAREdav+B1VYiIAAERAgAgJEQAQEiIAAEZCpckFlIQICRECACAgQAQEiIAICRECACAgQAQEiIKpb9YLKQgQEiIAAERAgAiIgQAQEiIDMlQsqCxEQIAICRECACAgQAREQIAICRECACAgQAVHdXy+owkIEBIiACAgQAQEiIEAEBIiA6JYLKgsRECACAkRAgAgIEI1UF2AAmMEXXlD4taoAAAAASUVORK5CYII=") !default;
  $datagrid-cell-removed-border-color: $datagrid-border-color !default;
  $datagrid-row-removed-bg: darken($datagrid-border-color, 6.67) !default;
  $datagrid-cell-removed-text-color: color.change($base-text-color, $alpha: 0.7) !default;
  $datagrid-draggable-column-text-color: darken($base-text-color, 40%) !default;
}

@if $color == "darkmoon" {
  $datagrid-columnchooser-item-color: $screen-text-color !default;
  $datagrid-block-separator-bg: lighten($datagrid-base-background-color, 6.5%) !default;
  $datagrid-drag-header-border-color: color.change($base-accent, $alpha: 0.5) !default;
  $datagrid-drag-header-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
  $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
  $datagrid-header-drag-bg: $datagrid-base-background-color !default;
  $header-filter-color: $datagrid-columnchooser-item-color !default;
  $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.5) !default;
  $datagrid-selection-bg: $base-accent !default;
  $datagrid-row-selected-border-color: $base-grid-selected-border-color !default;
  $datagrid-row-selected-color: $base-bg !default;
  $datagrid-row-focused-color: $base-inverted-text-color !default;
  $datagrid-row-focused-bg: mix($base-bg, $base-accent, 20%) !default;
  $datagrid-hover-bg: darken($base-bg, 2%) !default;
  $datagrid-row-hovered-color: $base-hover-color !default;
  $datagrid-cell-modified-border-color: color.change($base-success, $alpha: 0.5) !default;
  $datagrid-nodata-color: $base-icon-color !default;
  $datagrid-group-row-color: $base-text-color !default;
  $datagrid-group-row-bg: lighten($base-bg, 3%) !default;
  $datagrid-master-detail-cell-bg: lighten($datagrid-base-background-color, 2%) !default;
  $datagrid-spin-icon-color: $base-icon-color !default;
  $datagrid-search-bg: $base-accent !default;
  $datagrid-row-error-color: $base-inverted-text-color !default;
  $datagrid-row-error-bg: mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
  $datagrid-focused-border-color: mix($base-bg, darken($base-accent, 20%), 20%) !default;
  $datagrid-editor-bg: $datagrid-base-background-color !default;
  $datagrid-drop-highlight-bg: $base-accent !default;
  $datagrid-columnchooser-bg: $base-element-bg !default;
  $datagrid-row-alternation-bg: darken($base-bg, 2%) !default;
  $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
  $datagrid-summary-color: color.change($datagrid-base-color, $alpha: 0.7) !default;
  $datagrid-columnchooser-message-color: darken($datagrid-base-color, 40%) !default;
  $datagrid-summary-bg: $datagrid-base-background-color !default;
  $datagrid-column-separator-bg: $base-accent !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA1Rjg5QzEzRDYzMTFFODk2RDNEMzdGNEM4MUVCNTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA1Rjg5QzAzRDYzMTFFODk2RDNEMzdGNEM4MUVCNTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5ua/oAAAE4SURBVHja7N2xDYQwEEVBjCiD/ivbPtaEBBsQIGTsedI1wOgTsbqWmZvGafcIgAgIEAEBIiBABGTtjut3egyvFhbilSUgQAREQIAICBABASIgQPR5zXdZFiIgQAQEiIAAERAgAiIgQAQEiIAAERAgAqKykS+owkIERECACAgQAQEiIEAERECA6GEuqCxEQIAICBABASIgQAREQIAICBABASIgQAREdav+B1VYiIAAERAgAgJEQAQEiIAAEZCpckFlIQICRECACAgQAQEiIAICRECACAgQAQEiIKpb9YLKQgQEiIAAERAgAiIgQAQEiIDMlQsqCxEQIAICRECACAgQAREQIAICRECACAgQAVHdXy+owkIEBIiACAgQAQEiIEAEBIiA6JYLKgsRECACAkRAgAgIEI1UF2AAcN0XYzrIAiwAAAAASUVORK5CYII=") !default;
  $datagrid-cell-removed-border-color: $datagrid-border-color !default;
  $datagrid-row-removed-bg: $datagrid-border-color !default;
  $datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
  $datagrid-draggable-column-text-color: darken($base-label-color, 17%) !default;
}

@if $color == "darkviolet" {
  $datagrid-columnchooser-item-color: darken($datagrid-base-color, 38.5%) !default;
  $datagrid-block-separator-bg: lighten($datagrid-base-background-color, 6.5%) !default;
  $datagrid-drag-header-border-color: color.change($base-accent-highlight-color, $alpha: 0.8) !default;
  $datagrid-drag-header-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
  $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
  $datagrid-header-drag-bg: $datagrid-base-background-color !default;
  $header-filter-color: $datagrid-columnchooser-item-color !default;
  $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.5) !default;
  $datagrid-selection-bg: $base-select-bg !default;
  $datagrid-row-selected-border-color: $base-selected-border !default;
  $datagrid-row-selected-color: $datagrid-base-color !default;
  $datagrid-row-focused-color: $base-inverted-text-color !default;
  $datagrid-row-focused-bg: mix($base-bg, $base-accent, 15%) !default;
  $datagrid-hover-bg: $base-row-alternation-background !default;
  $datagrid-row-hovered-color: $base-hover-color !default;
  $datagrid-cell-modified-border-color: color.change($base-success, $alpha: 0.5) !default;
  $datagrid-nodata-color: darken($datagrid-base-color, 40%) !default;
  $datagrid-group-row-color: $base-header-color !default;
  $datagrid-group-row-bg: lighten($datagrid-base-background-color, 3%) !default;
  $datagrid-master-detail-cell-bg: lighten($datagrid-base-background-color, 2%) !default;
  $datagrid-spin-icon-color: $base-header-color !default;
  $datagrid-search-bg: $base-accent !default;
  $datagrid-row-error-color: $base-inverted-text-color !default;
  $datagrid-row-error-bg: mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
  $datagrid-focused-border-color: mix($base-bg, $base-focus-bg, 20%) !default;
  $datagrid-editor-bg: $datagrid-base-background-color !default;
  $datagrid-drop-highlight-bg: $base-accent !default;
  $datagrid-columnchooser-bg: $base-element-bg !default;
  $datagrid-row-alternation-bg: $base-row-alternation-background !default;
  $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
  $datagrid-summary-color: color.change($datagrid-base-color, $alpha: 0.7) !default;
  $datagrid-columnchooser-message-color: darken($datagrid-base-color, 40%) !default;
  $datagrid-summary-bg: $datagrid-base-background-color !default;
  $datagrid-column-separator-bg: $base-accent !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjBBQjIxNjEzRDYzMTFFOEEzRjI5QUY2RTVEODc2RjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjBBQjIxNjAzRDYzMTFFOEEzRjI5QUY2RTVEODc2RjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtiXIwAAAAE4SURBVHja7N2xDYQwEEVBjOiB/svbKtaEBBsQIGTsedI1wOgTsbqWmZvGafcIgAgIEAEBIiBABGTtjut3egyvFhbilSUgQAREQIAICBABASIgQPR5zXdZFiIgQAQEiIAAERAgAiIgQAQEiIAAERAgAqKykS+owkIERECACAgQAQEiIEAERECA6GEuqCxEQIAICBABASIgQAREQIAICBABASIgQAREdav+B1VYiIAAERAgAgJEQAQEiIAAEZCpckFlIQICRECACAgQAQEiIAICRECACAgQAQEiIKpb9YLKQgQEiIAAERAgAiIgQAQEiIDMlQsqCxEQIAICRECACAgQAREQIAICRECACAgQAVHdXy+owkIEBIiACAgQAQEiIEAEBIiA6JYLKgsRECACAkRAgAgIEI1UF2AAmMEXXlD4taoAAAAASUVORK5CYII=") !default;
  $datagrid-cell-removed-border-color: $datagrid-border-color !default;
  $datagrid-row-removed-bg: $datagrid-border-color !default;
  $datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
  $datagrid-draggable-column-text-color: darken($base-text-color, 40%) !default;
}

@if $color == "greenmist" {
  $datagrid-columnchooser-item-color: lighten($datagrid-base-color, 38.5%) !default;
  $datagrid-block-separator-bg: darken($datagrid-base-background-color, 6.5%) !default;
  $datagrid-drag-header-border-color: color.change($base-accent, $alpha: 0.5) !default;
  $datagrid-drag-header-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
  $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
  $datagrid-header-drag-bg: $datagrid-base-background-color !default;
  $header-filter-color: $datagrid-columnchooser-item-color !default;
  $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.5) !default;
  $datagrid-selection-bg: $base-link-color !default;
  $datagrid-row-selected-border-color: lighten($base-accent, 14%) !default;
  $datagrid-row-selected-color: lighten($base-text-color, 100%) !default;
  $datagrid-row-focused-color: $base-inverted-text-color !default;
  $datagrid-row-focused-bg: mix($base-bg, $base-accent, 20%) !default;
  $datagrid-hover-bg: darken($base-bg, 3%) !default;
  $datagrid-row-hovered-color: $base-hover-color !default;
  $datagrid-cell-modified-border-color: color.change($base-success, $alpha: 0.5) !default;
  $datagrid-nodata-color: lighten($datagrid-base-color, 40%) !default;
  $datagrid-group-row-color: lighten($datagrid-base-color, 38.5%) !default;
  $datagrid-group-row-bg: $base-bg !default;
  $datagrid-master-detail-cell-bg: darken($datagrid-base-background-color, 2%) !default;
  $datagrid-spin-icon-color: $base-icon-color !default;
  $datagrid-search-bg: $base-accent !default;
  $datagrid-row-error-color: $base-inverted-text-color !default;
  $datagrid-row-error-bg: mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
  $datagrid-focused-border-color: mix($base-bg, darken($base-focus-bg, 15%), 20%) !default;
  $datagrid-editor-bg: $base-bg !default;
  $datagrid-drop-highlight-bg: $base-accent !default;
  $datagrid-columnchooser-bg: $base-bg !default;
  $datagrid-row-alternation-bg: darken($base-bg, 3%) !default;
  $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
  $datagrid-summary-color: $base-label-color !default;
  $datagrid-columnchooser-message-color: lighten($datagrid-base-color, 40%) !default;
  $datagrid-summary-bg: $datagrid-base-background-color !default;
  $datagrid-column-separator-bg: $base-accent !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njc1MjJDQUMzRDYzMTFFODhCMEJDMTY1QUY0RUJDNUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njc1MjJDQUIzRDYzMTFFODhCMEJDMTY1QUY0RUJDNUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvW6FhcAAAFESURBVHja7Nu7DYQwFEVBg+iDmFLI6D9zJQ+REThA4iNjzynBo0uwqzdERFI9jZ4AiIAAERAgAgJEQPpuWtZt9gyPli3EJ0tAgAiIgAARECACAkRAgOjzpnTz10lZCBABASIgAgJEQIAICBABASIgAgJEQIAISKMd/6nXekGVLURABASIgAARECACAkRABASILuaCykIEBIiAABEQIAICREAEBIiAABEQIAICREBUruYLqjfLFiIgQAQEiIAAERABASIgQASkqVxQWYiAABEQIAICRECACIiAABEQIAICRECACIjK9XpBZSECAkRAgAgIEAERECACAkRA2soFlYUICBABASIgQAQEiIAICBABASIgQAQEiICo3F8vqLKFCAgQAREQIAICRECACAgQAdGpISK8goUICBABASIgQAQEiGppF2AAqqIPxEOTqaQAAAAASUVORK5CYII=") !default;
  $datagrid-cell-removed-border-color: $datagrid-border-color !default;
  $datagrid-row-removed-bg: $datagrid-border-color !default;
  $datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
  $datagrid-draggable-column-text-color: lighten($base-label-color, 16%) !default;
}

@if $color == "light" {
  $datagrid-columnchooser-item-color: lighten($datagrid-base-color, 26%) !default;
  $datagrid-block-separator-bg: darken($datagrid-base-background-color, 6.5%) !default;
  $datagrid-drag-header-border-color: color.change($base-accent, $alpha: 0.5) !default;
  $datagrid-drag-header-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
  $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
  $datagrid-header-drag-bg: $datagrid-base-background-color !default;
  $header-filter-color: $datagrid-columnchooser-item-color !default;
  $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.5) !default;
  $datagrid-selection-bg: #e6e6e6 !default;
  $datagrid-row-selected-border-color: $datagrid-border-color !default;
  $datagrid-row-selected-color: $datagrid-base-color !default;
  $datagrid-row-focused-color: $base-text-color !default;
  $datagrid-row-focused-bg: mix($base-accent, $base-bg, 20%) !default;
  $datagrid-hover-bg: darken($datagrid-base-background-color, 4%) !default;
  $datagrid-row-hovered-color: $base-hover-color !default;
  $datagrid-cell-modified-border-color: color.change($base-success, $alpha: 0.5) !default;
  $datagrid-nodata-color: $datagrid-base-color !default;
  $datagrid-group-row-color: darken($datagrid-base-color, 6.7%) !default;
  $datagrid-group-row-bg: darken($datagrid-base-background-color, 3%) !default;
  $datagrid-master-detail-cell-bg: darken($datagrid-base-background-color, 2%) !default;
  $datagrid-spin-icon-color: lighten($base-icon-color, 38.5%) !default;
  $datagrid-search-bg: $base-accent !default;
  $datagrid-row-error-color: $base-inverted-text-color !default;
  $datagrid-row-error-bg: mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
  $datagrid-focused-border-color: mix($base-bg, $base-focus-bg, 20%) !default;
  $datagrid-editor-bg: $datagrid-base-background-color !default;
  $datagrid-drop-highlight-bg: $base-accent !default;
  $datagrid-columnchooser-bg: $base-element-bg !default;
  $datagrid-row-alternation-bg: darken($datagrid-base-background-color, 4%) !default;
  $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
  $datagrid-summary-color: color.change($datagrid-base-color, $alpha: 0.7) !default;
  $datagrid-columnchooser-message-color: lighten($datagrid-base-color, 26%) !default;
  $datagrid-summary-bg: $datagrid-base-background-color !default;
  $datagrid-column-separator-bg: $base-accent !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC") !default;
  $datagrid-cell-removed-border-color: $datagrid-border-color !default;
  $datagrid-row-removed-bg: lighten($datagrid-border-color, 6.67) !default;
  $datagrid-cell-removed-text-color: color.change($base-text-color, $alpha: 0.7) !default;
  $datagrid-draggable-column-text-color: lighten($base-text-color, 40%) !default;
}

@if $color == "softblue" {
  $datagrid-columnchooser-item-color: $base-icon-color !default;
  $datagrid-block-separator-bg: darken($datagrid-base-background-color, 6.5%) !default;
  $datagrid-drag-header-border-color: color.change($base-accent, $alpha: 0.5) !default;
  $datagrid-drag-header-shadow-color: color.change($base-shadow-color, $alpha: 0.1) !default;
  $datagrid-drag-header-second-shadow-color: color.change($base-shadow-color, $alpha: 0.2) !default;
  $datagrid-header-drag-bg: $datagrid-base-background-color !default;
  $header-filter-color: $datagrid-columnchooser-item-color !default;
  $header-filter-color-empty: color.change($header-filter-color, $alpha: 0.5) !default;
  $datagrid-selection-bg: $base-grid-selection-background !default;
  $datagrid-row-selected-border-color: $base-grid-selectedrow-border-color !default;
  $datagrid-row-selected-color: $datagrid-base-color !default;
  $datagrid-row-focused-color: $base-inverted-text-color !default;
  $datagrid-row-focused-bg: mix($base-bg, $base-accent, 20%) !default;
  $datagrid-hover-bg: darken($datagrid-base-background-color, 2%) !default;
  $datagrid-row-hovered-color: $base-hover-color !default;
  $datagrid-cell-modified-border-color: color.change($base-success, $alpha: 0.5) !default;
  $datagrid-nodata-color: $base-icon-color !default;
  $datagrid-group-row-color: $base-icon-color !default;
  $datagrid-group-row-bg: darken($datagrid-base-background-color, 2%) !default;
  $datagrid-master-detail-cell-bg: darken($datagrid-base-background-color, 2%) !default;
  $datagrid-spin-icon-color: $base-icon-color !default;
  $datagrid-search-bg: $base-accent !default;
  $datagrid-row-error-color: $base-inverted-text-color !default;
  $datagrid-row-error-bg: mix($base-invalid-color, $datagrid-base-background-color, 60%) !default;
  $datagrid-focused-border-color: mix($base-bg, $base-focus-bg, 20%) !default;
  $datagrid-editor-bg: $datagrid-base-background-color !default;
  $datagrid-drop-highlight-bg: $base-accent !default;
  $datagrid-columnchooser-bg: $base-element-bg !default;
  $datagrid-row-alternation-bg: darken($datagrid-base-background-color, 2%) !default;
  $datagrid-columnchooser-item-bg: $datagrid-columnchooser-bg !default;
  $datagrid-summary-color: $base-icon-color !default;
  $datagrid-columnchooser-message-color: lighten($datagrid-base-color, 40%) !default;
  $datagrid-summary-bg: $datagrid-base-background-color !default;
  $datagrid-column-separator-bg: $base-accent !default;
  $datagrid-text-stub-background-image-path: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTlGRkQ2QzMzRDYzMTFFODg0NDZGNjZGMUE0MTU0RDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTlGRkQ2QzIzRDYzMTFFODg0NDZGNjZGMUE0MTU0RDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpydNkAAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC") !default;
  $datagrid-cell-removed-border-color: $datagrid-border-color !default;
  $datagrid-row-removed-bg: $datagrid-border-color !default;
  $datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
  $datagrid-draggable-column-text-color: lighten($base-text-color, 40%) !default;
}

:root {
  --dx-datagrid-row-alternation-bg: #{$datagrid-row-alternation-bg};
}
$never-used: collector((
"$datagrid-base-color": $datagrid-base-color,
"$datagrid-base-background-color": $datagrid-base-background-color,
"$datagrid-border-color": $datagrid-border-color,
"$datagrid-columnchooser-item-color": $datagrid-columnchooser-item-color,
"$datagrid-columnchooser-font-weight": $datagrid-columnchooser-font-weight,
"$datagrid-drag-header-border-color": $datagrid-drag-header-border-color,
"$datagrid-selection-bg": $datagrid-selection-bg,
"$datagrid-row-selected-border-color": $datagrid-row-selected-border-color,
"$datagrid-row-selected-color": $datagrid-row-selected-color,
"$datagrid-row-focused-color": $datagrid-row-focused-color,
"$datagrid-row-focused-bg": $datagrid-row-focused-bg,
"$datagrid-hover-bg": $datagrid-hover-bg,
"$datagrid-menu-icon-color": $datagrid-menu-icon-color,
"$datagrid-cell-modified-border-color": $datagrid-cell-modified-border-color,
"$datagrid-row-invalid-faded-border-color": $datagrid-row-invalid-faded-border-color,
"$datagrid-nodata-color": $datagrid-nodata-color,
"$datagrid-group-row-color": $datagrid-group-row-color,
"$datagrid-group-row-bg": $datagrid-group-row-bg,
"$datagrid-search-color": $datagrid-search-color,
"$datagrid-spin-icon-color": $datagrid-spin-icon-color,
"$datagrid-search-bg": $datagrid-search-bg,
"$datagrid-row-error-color": $datagrid-row-error-color,
"$datagrid-row-error-bg": $datagrid-row-error-bg,
"$datagrid-link-color": $datagrid-link-color,
"$datagrid-focused-border-color": $datagrid-focused-border-color,
"$datagrid-editor-bg": $datagrid-editor-bg,
"$datagrid-columnchooser-bg": $datagrid-columnchooser-bg,
"$datagrid-row-alternation-bg": $datagrid-row-alternation-bg,
"$datagrid-summary-color": $datagrid-summary-color,
));