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

// adduse


.dx-theme-marker {
  font-family: "dx.generic#{$generic-color-postfix}#{$generic-size-postfix}";
}

// stylelint-disable declaration-no-important
.dx-theme-accent-as-text-color {
  color: $base-accent !important;
}

.dx-theme-text-color {
  color: $base-text-color !important;
}

.dx-theme-background-color-as-text-color {
  color: $base-bg !important;
}

.dx-theme-border-color-as-text-color {
  color: $base-border-color !important;
}

.dx-theme-accent-as-background-color {
  background-color: $base-accent !important;
  fill: $base-accent !important;
}

.dx-theme-text-color-as-background-color {
  background-color: $base-text-color !important;
  fill: $base-text-color !important;
}

.dx-theme-background-color {
  background-color: $base-bg !important;
  fill: $base-bg !important;
}

.dx-theme-typography-background-color {
  background-color: $typography-bg !important;
}

.dx-theme-border-color-as-background-color {
  background-color: $base-border-color !important;
  fill: $base-border-color !important;
}

.dx-theme-accent-as-border-color {
  border-color: $base-accent !important;
}

.dx-theme-text-color-as-border-color {
  border-color: $base-text-color !important;
}

.dx-theme-background-color-as-border-color {
  border-color: $base-bg !important;
}

.dx-theme-border-color {
  border-color: $base-border-color !important;
}

// stylelint-enable declaration-no-important