@use 'sass:map';

@use './dark-var' as *;
@use '../../mixins/_var' as *;
@use '../../mixins/function' as *;
@use 'element-plus/theme-chalk/src/mixins/_var' as elVarMixins;
@use 'element-plus/theme-chalk/src/mixins/function' as elFn;

html.dark {
  // hex colors
  @each $type in (primary) {
    @include set-css-color-type($colors, $type);
    @include elVarMixins.set-css-color-type($colors, $type);
  }

  // Background --pd-bg-color-#{$type}
  @include set-component-css-var('bg-color', $pd-bg-color);

  // ElTable
  .el-table {
    @include elVarMixins.set-css-var-value(
      ('table', 'header-bg-color'),
      elFn.getCssVar('bg-color')
    );
  }

  // Layout
  .pagoda-layout {
    @include set-component-css-var('layout', $layout);
  }
}