@import './BaseTheme.scss';
@import './DarkTheme.scss';

@mixin set-theme-variables($theme-map) {
  --brand-color: #{map-get($theme-map, brand-color)};
  --text-color: #{map-get($theme-map, text-color)};
  --description-text: #{map-get($theme-map, description-text)};
  --border-color: #{map-get($theme-map, border-color)};
  --disable-color: #{map-get($theme-map, disable-color)};
  --hover-color: #{map-get($theme-map, hover-color)};
  --pop-up-background-blur: #{map-get($theme-map, pop-up-background-blur)};
  --slider-table-color: #{map-get($theme-map, slider-table-color)};
  --drawer-footer-bg: #{map-get($theme-map, drawer-footer-bg)};
  --drawer-footer-border: #{map-get($theme-map, drawer-footer-border)};
  --text-bg-highlight: #{map-get($theme-map, text-bg-highlight)};
  --tooltip-bg-color: #{map-get($theme-map, tooltip-bg-color)};
  --tooltip-text-color: #{map-get($theme-map, tooltip-text-color)};
  --toggle-strip-color: #{map-get($theme-map, toggle-strip-color)};
  --toggle-strip-active: #{map-get($theme-map, toggle-strip-active)};
  --toggle-strip-shadow: #{map-get($theme-map, toggle-strip-shadow)};
  --toggle-button-bg-color: #{map-get($theme-map, toggle-button-bg-color)};
  --toggle-disable-icon-color: #{map-get($theme-map, toggle-disable-icon-color)};
  --chip-fill-color: #{map-get($theme-map, chip-fill-color)};
  --chip-text-color: #{map-get($theme-map, chip-text-color)};
  --primary-button-color: #{map-get($theme-map, primary-button-color)};
  --primary-button-hover: #{map-get($theme-map, primary-button-hover)};
  --primary-button-disable: #{map-get($theme-map, primary-button-disable)};
  --primary-button-text-color: #{map-get($theme-map, primary-button-text-color)};
  --primary-button-border: #{map-get($theme-map, primary-button-border)};
  --secondary-button-color-text: #{map-get(
      $theme-map,
      secondary-button-color-text
    )};
  --secondary-button-border: #{map-get($theme-map, secondary-button-border)};
  --secondary-button-text-color: #{map-get(
      $theme-map,
      secondary-button-text-color
    )};
  --secondary-button-hover: #{map-get($theme-map, secondary-button-hover)};
  --tertiary-button-color: #{map-get($theme-map, tertiary-button-color)};
  --tertiary-button-hover: #{map-get($theme-map, tertiary-button-hover)};
  --delete-button-color: #{map-get($theme-map, delete-button-color)};
  --delete-button-border: #{map-get($theme-map, delete-button-border)};
  --delete-button-hover: #{map-get($theme-map, delete-button-hover)};
  --delete-button-disable: #{map-get($theme-map, delete-button-disable)};
  --add-icon-hover-color: #{map-get($theme-map, add-icon-hover-color)};
  --arrow-button-bg-color: #{map-get($theme-map, arrow-button-bg-color)};
  --arrows-button-border-color: #{map-get(
      $theme-map,
      arrows-button-border-color
    )};
  --add-icon-hover-color: #{map-get($theme-map, add-icon-hover-color)};
  --arrow-button-bg-color: #{map-get($theme-map, arrow-button-bg-color)};
  --arrows-button-border-color: #{map-get(
      $theme-map,
      arrows-button-border-color
    )};
  --default-icon-color: #{map-get($theme-map, default-icon-color)};
  --error_light: #{map-get($theme-map, error_light)};
  --text-area-default-color: #{map-get($theme-map, text-area-default-color)};
  --expandable-menu-default-bg: #{map-get(
      $theme-map,
      expandable-menu-default-bg
    )};
  --expandable-menu-option-bg: #{map-get($theme-map, expandable-menu-option-bg)};
  --file-dropzone-default-color: #{map-get(
      $theme-map,
      file-dropzone-default-color
    )};
  --file-dropzone-selected-color: #{map-get(
      $theme-map,
      file-dropzone-selected-color
    )};
  --file-details-container-shadow: #{map-get(
      $theme-map,
      file-details-container-shadow
    )};
  --file-details-bg: #{map-get($theme-map, file-details-bg)};
  --ff-mini-modal-border: #{map-get($theme-map, ff-mini-modal-border)};
  --ff-mini-modal-box-shadow: #{map-get($theme-map, ff-mini-modal-box-shadow)};
  --ff-mini-modal-footer-background: #{map-get(
      $theme-map,
      ff-mini-modal-footer-background
    )};

  --input-default-border-color: #{map-get(
      $theme-map,
      input-default-border-color
    )};
  --input-hover-border-color: #{map-get($theme-map, input-hover-border-color)};
  --input-default-label-color: #{map-get($theme-map, input-default-label-color)};
  --input-label-bg-color: #{map-get($theme-map, input-label-bg-color)};
  --input-active-text-color: #{map-get($theme-map, input-active-text-color)};
  --input-error-text-color: #{map-get($theme-map, input-error-text-color)};
  --tabs-label-default-color: #{map-get($theme-map, tabs-label-default-color)};
  --tabs-label-active-color: #{map-get($theme-map, tabs-label-active-color)};
  --tabs-border-color: #{map-get($theme-map, tabs-border-color)};
  --tabs-bg-color: #{map-get($theme-map, tabs-bg-color)};
  --tab-bg-color: #{map-get($theme-map, tab-bg-color)};
  --option-card-border-color: #{map-get($theme-map, option-card-border-color)};
  --option-card-bg-color: #{map-get($theme-map, option-card-bg-color)};
  --checkbox-bg-color: #{map-get($theme-map, checkbox-bg-color)};
  --checkbox-border-color: #{map-get($theme-map, checkbox-border-color)};
  --checkbox-partial-color: #{map-get($theme-map, checkbox-partial-color)};
  --checkbox-hover-color: #{map-get($theme-map, checkbox-hover-color)};
  --multi-select-border: #{map-get($theme-map, multi-select-border)};
  --text-color-light: #{map-get($theme-map, text-color-light)};
  --multi-select-label-bg: #{map-get($theme-map, multi-select-label-bg)};
  --radio-button-border: #{map-get($theme-map, radio-button-border)};
  --radio-button-hover: #{map-get($theme-map, radio-button-hover)};
  --tree-connecting-lines-color: #{map-get(
      $theme-map,
      tree-connecting-lines-color
    )};
  --menu-option-icon-color: #{map-get($theme-map, menu-option-icon-color)};
  --menu-option-icon-clicked: #{map-get($theme-map, menu-option-icon-clicked)};
  --delete-text-color: #{map-get($theme-map, delete-text-color)};
  --status-success-text-color: #{map-get($theme-map, status-success-text-color)};
  --status-warning-text-color: #{map-get($theme-map, status-warning-text-color)};
  --status-rejected-text-color: #{map-get(
      $theme-map,
      status-rejected-text-color
    )};
  --status-skipped-text-color: #{map-get($theme-map, status-skipped-text-color)};
  --status-success-bg-color: #{map-get($theme-map, status-success-bg-color)};
  --status-warning-bg-color: #{map-get($theme-map, status-warning-bg-color)};
  --status-rejected-bg-color: #{map-get($theme-map, status-rejected-bg-color)};
  --status-skipped-bg-color: #{map-get($theme-map, status-skipped-bg-color)};
  --status-percentage-growth-bg-color: #{map-get(
      $theme-map,
      status-percentage-growth-bg-color
    )};

  // Select Dropdown Color
  --ff-select-option-border-color: #{map-get(
      $theme-map,
      ff-select-option-border-color
    )};
  --ff-select-option-wrapper-box-shadow: #{map-get(
      $theme-map,
      ff-select-option-wrapper-box-shadow
    )};
  --ff-select-background-color: #{map-get(
      $theme-map,
      ff-select-background-color
    )};
  --ff-select-scroll-thumb-color: #{map-get(
      $theme-map,
      ff-select-scroll-thumb-color
    )};
  --ff-select-scroll-track-bg: #{map-get($theme-map, ff-select-scroll-track-bg)};
  --ff-select-scroll-thumb-hover: #{map-get(
      $theme-map,
      ff-select-scroll-thumb-hover
    )};
  --ff-select-text-color: #{map-get($theme-map, ff-select-text-color)};
  --ff-select-option-hover-color: #{map-get(
      $theme-map,
      ff-select-option-hover-color
    )};
  --ff-select-default-color: #{map-get($theme-map, ff-select-default-color)};
  --ff-select-border-color: #{map-get($theme-map, ff-select-border-color)};
  --ff-select-brand-color: #{map-get($theme-map, ff-select-brand-color)};
  --ff-select-text-hover-color: #{map-get(
      $theme-map,
      ff-select-text-hover-color
    )};
  --toaster-boxshadow: #{map-get($theme-map, toaster-boxshadow)};
  --toast-close-icon-wrapper-bg: #{map-get(
      $theme-map,
      toast-close-icon-wrapper-bg
    )};
  --toaster-success-border: #{map-get($theme-map, toaster-success-border)};
  --toaster-warning-border: #{map-get($theme-map, toaster-warning-border)};
  --toaster-info-border: #{map-get($theme-map, toaster-info-border)};
  --toaster-danger_confirm-border: #{map-get(
      $theme-map,
      toaster-danger_confirm-border
    )};
  --ff-search-filed-clear-text: #{map-get(
      $theme-map,
      ff-search-filed-clear-text
    )};
  --ff-search-filed-placeholder-text: #{map-get(
      $theme-map,
      ff-search-filed-placeholder-text
    )};
  --ff-search-filed-close-Icon: #{map-get(
      $theme-map,
      ff-search-filed-close-Icon
    )};
}

.ff-light-theme {
  @include set-theme-variables($base-theme);
}

.ff-dark-theme {
  @include set-theme-variables($dark-theme);
}