@import '~@icedesign/skin/variables.scss';

// Basic color variables
$custom-layout-bg: #2e323f;

// Layout dark styles
$ice-body-bg: $color-white !default;
$ice-layout-bg: $custom-layout-bg !default;
$ice-collapse-btn-color: $color-white !default;
$ice-logo-text-color: $color-brand1-5 !default;
$ice-icon-down-color: $color-white !default;

$ice-header-menu-bg: $color-transparent !default;
$ice-header-text-color: $color-white !default;
$ice-header-text-hover-color: $color-brand1-5 !default;

$ice-aside-bg: $color-transparent !default;
$ice-aside-menu-bg: $color-transparent !default;
$ice-aside-text-color: $color-white !default;
$ice-aside-sub-text-color: $color-text1-2 !default;
$ice-aside-text-hover-color: $color-white !default;
$ice-aside-menu-item-selected-gradient-left-bg: $color-brand1-9 !default;
$ice-aside-menu-item-selected-gradient-right-bg: $color-brand1-5 !default;
$ice-aside-menu-item-selected-text-color: $color-white !default;
$ice-aside-menu-submenu-item-hover-bg: $color-transparent !default;
$ice-aside-menu-submenu-vertical-bg: $color-white !default;
$ice-aside-menu-collapse-bg: $color-transparent !default;
$ice-aside-collapse-menu-text-color: $color-white !default;
$ice-aside-menu-collapse-selected-text-color: $color-brand1-5 !default;

$ice-copyright-text-color: $color-text1-3 !default;
$ice-copyright-text-hover-color: $color-brand1-5 !default;

.ice-design-dark.ice-design-layout {
  background-image: url(https://img.alicdn.com/tfs/TB1_YvwXTtYBeNjy1XdXXXXyVXa-1680-370.png);
}

$theme: 'dark';

@import './base.scss';