.sider.dark,
  .sider.dark ul.ant-menu,
  .sider.dark ul.ant-menu .ant-menu-sub {
    background: #10203F !important;
  }

  .sider.dark ul.ant-menu .ant-menu-item,
  .sider.dark ul.ant-menu .ant-menu-item > a,
  .sider.dark ul.ant-menu .ant-menu-submenu-title,
  .sider.dark ul.ant-menu .ant-menu-submenu-title .anticon {
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
  }

  .sider.dark ul.ant-menu .ant-menu-item-selected {
    background: #1E63FF !important;
    color: #FFFFFF !important;
    font-weight: 500;
  }

  .sider.dark ul.ant-menu .ant-menu-item-selected > a,
  .sider.dark ul.ant-menu .ant-menu-item-selected .anticon {
    color: #FFFFFF !important;
  }

  .layout .header,
  .layout .header.dark,
  .layout .top-nav-header-index,
  .layout .top-nav-header-index.dark {
    background-color: #0F2F6F !important;
    color: #FFFFFF !important;
  }

  .layout .header .trigger,
  .layout .header .user-wrapper .action,
  .layout .header .user-wrapper .action .anticon,
  .layout .header .user-wrapper .logout_title,
  .layout .header .user-wrapper .logout_title span,
  .layout .top-nav-header-index .trigger,
  .layout .top-nav-header-index .user-wrapper .action,
  .layout .top-nav-header-index .user-wrapper .action .anticon,
  .layout .top-nav-header-index .user-wrapper .logout_title,
  .layout .top-nav-header-index .user-wrapper .logout_title span {
    color: #FFFFFF !important;
  }

  .layout .header .user-wrapper .action:hover,
  .layout .top-nav-header-index .user-wrapper .action:hover {
    background: rgba(255, 255, 255, 0.12) !important;
  }