// Custom dark color scheme
@forward 'element-plus/theme-chalk/src/dark/var.scss'  with (
  $colors: (
        'success': ( 'base': #21ba45 ),
        'warning': ( 'base': #f2711c ),
        'danger': ( 'base': #db2828 ),
        'error': ( 'base': #db2828 ),
  ),
);

// import dark theme
@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;

html.dark {
  /* wangEditor 暗色主题 */

  // textarea - css vars
  --w-e-textarea-bg-color: #141414; // #fff;
  --w-e-textarea-color: #e5eaf3; // #333;
  --w-e-textarea-border-color: #333; //#ccc;
  --w-e-textarea-slight-border-color: #282828;// #e8e8e8;
  --w-e-textarea-slight-color: #3b3b3b;// #d4d4d4;
  --w-e-textarea-slight-bg-color: #1a1d1f;// #f5f2f0;

  // toolbar - css vars
  --w-e-toolbar-bg-color: #141414; // #fff;
  --w-e-toolbar-color: #a6a6a6; // #595959;
  --w-e-toolbar-active-color: #ccc;// #333;
  --w-e-toolbar-active-bg-color: #252525; // #f1f1f1;
  --w-e-toolbar-disabled-color: #666; // #999;
  --w-e-toolbar-border-color: #282827; // #e8e8e8;

  // modal - css vars
  --w-e-modal-button-bg-color: #0a0a0a; // #fafafa;
  --w-e-modal-button-border-color: #363636; // #d9d9d9;

  /* 分栏一级菜单dark配色调整 */
  .one-level {
    --el-menu-bg-color: var(--el-bg-color);
    --el-menu-text-color: var(--el-text-color-primary);
    --el-menu-active-color: var(--el-color-primary);
    --menu-active-background-color: var(--el-color-primary-light-8);
    background: var(--el-menu-bg-color);
  }
}