/** 动态主题暗黑 */
@import './default.scss';

.theme-dark {
  --color-primary: #177ddc;
  --color-primary-1: #111d2c;
  --color-primary-2: #112a45;
  --color-primary-3: #15395b;
  --color-primary-4: #164c7e;
  --color-primary-5: #1765ad;
  --color-primary-6: #177ddc;
  --color-primary-7: #3c9ae8;
  --color-primary-8: #65b7f3;
  --color-primary-9: #8dcff8;
  --color-primary-10: #b7e3fa;

  --color-success: #49aa19;
  --color-success-1: #162312;
  --color-success-2: #1d3712;
  --color-success-3: #274916;
  --color-success-4: #306317;
  --color-success-5: #3c8618;
  --color-success-6: #49aa19;
  --color-success-7: #6abe39;
  --color-success-8: #8fd460;
  --color-success-9: #b2e58b;
  --color-success-10: #d5f2bb;

  --color-warning: #d89614;
  --color-warning-1: #2b2111;
  --color-warning-2: #443111;
  --color-warning-3: #594214;
  --color-warning-4: #7c5914;
  --color-warning-5: #aa7714;
  --color-warning-6: #d89614;
  --color-warning-7: #e8b339;
  --color-warning-8: #f3cc62;
  --color-warning-9: #f8df8b;
  --color-warning-10: #faedb5;

  --color-danger: #a61d24;
  --color-danger-1: #2a1215;
  --color-danger-2: #431418;
  --color-danger-3: #58181c;
  --color-danger-4: #791a1f;
  --color-danger-5: #a61d24;
  --color-danger-6: #f5222d;
  --color-danger-7: #e84749;
  --color-danger-8: #f37370;
  --color-danger-9: #f89f9a;
  --color-danger-10: #fac8c3;

  --color-info: #909399;
  --color-info-1: #2a2b2b;
  --color-info-2: #414244;
  --color-info-3: #58595c;
  --color-info-4: #6e7074;
  --color-info-5: #85878d;
  --color-info-6: #909399;
  --color-info-7: #9b9ea3;
  --color-info-8: #b1b3b8;
  --color-info-9: #c7c9cc;
  --color-info-10: #dedfe0;

  --color-white: #141414;
  --color-black: #ffffff;

  --color-text-primary: #f2f2f2;
  --color-text-regular: #bfbfbf;
  --color-text-secondary: #8c8c8c;
  --color-text-placeholder: #595959;

  /* Border */
  --border-color-base: #434343;
  --border-color-light: #303030;
  --border-color-lighter: #2d2d2d;
  --border-color-extra-light: #202020;

  /* Background */
  --background-color-base: #262626;

  /* BoxShadow */
  --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
    0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --box-shadow-light: var(--box-shadow-base);

  /* Checkbox */
  --checkbox-background-color: transparent;

  /* Radio */
  --radio-input-background-color: transparent;
  --radio-checked-icon-color: transparent;

  /* Input */
  --input-background-color: transparent;

  /* Button */
  --button-default-background-color: transparent;
  --button-disabled-background-color: transparent;
  --button-default-border-color-5: hsla(0, 0%, 26.7%, 0.5);

  /* Table */
  --table-header-background-color: #1d1d1d;
  --table-fixed-box-shadow: var(--box-shadow-base);

  /* Popover */
  --popover-background-color: #1f1f1f;

  /* Dialog */
  --dialog-box-shadow: var(--box-shadow-base);

  /* Tooltip */
  --tooltip-fill: #434343;
  --tooltip-border-color: var(--tooltip-fill);

  /* Scrollbar */
  --scrollbar-background-color: rgba(140, 140, 140, 0.3);
  --scrollbar-hover-background-color: rgba(140, 140, 140, 0.5);

  /* Backtop */
  --backtop-background-color: var(--popover-background-color);
  --backtop-font-color: var(--color-primary);
  --backtop-hover-background-color: var(--color-white);

  /* Avatar */
  --avatar-background-color: #444444;

  /* Skeleton */
  --skeleton-color: rgba(190, 190, 190, 0.1);
  --skeleton-to-color: rgba(255, 255, 255, 0.16);

  /* Svg */
  --svg-monochrome-grey: #a4a4a4;

  /* Loading */
  --loading-mask-bg: rgba(31, 31, 31, 0.9);

  /* Layout */
  --layout-body-background: #000000;

  /* 侧栏 */
  --sidebar-background: #1f1f1f;
  --sidebar-menu-inline-background: #141414;
  --sidebar-font-color: var(--color-text-dark-regular);
  --sidebar-menu-hover-background: transparent;
  --sidebar-menu-font-hover: var(--color-text-dark-primary);
  --sidebar-menu-active-background: var(--color-primary);
  --sidebar-menu-font-active: var(--color-text-dark-primary);
  --sidebar-light-shadow: 0 4px 4px rgba(0, 0, 0, 0.6);
  --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, 0.6);

  /* 顶栏 */
  --header-font-color: var(--color-text-dark-primary);
  --header-light-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  --header-tool-hover-bg: rgba(255, 255, 255, 0.05);
  --header-dark-tool-hover-bg: rgba(255, 255, 255, 0.05);

  /* 内容区 */
  --layout-main-background: var(--color-white);
  --layout-main-font-color: var(--color-text-dark-regular);

  /* Logo */
  --logo-background: var(--sidebar-background);
  --logo-light-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
  --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);

  /* Menu */
  --menu-dark-background: #1f1f1f;

  /* Image */
  --content-image-filter: brightness(0.7);
}
