Latest updates from IceHrmPro

web/node_modules/antd/lib/menu/style/dark.less

@@ -0,0 +1,142 @@
+.@{menu-prefix-cls} {
+  // dark theme
+  &&-dark,
+  &-dark &-sub {
+    color: @menu-dark-color;
+    background: @menu-dark-bg;
+    .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
+      opacity: 0.45;
+      transition: all 0.3s;
+      &::after,
+      &::before {
+        background: @menu-dark-arrow-color;
+      }
+    }
+  }
+
+  &-dark&-submenu-popup {
+    background: transparent;
+  }
+
+  &-dark &-inline&-sub {
+    background: @menu-dark-submenu-bg;
+  }
+
+  &-dark&-horizontal {
+    border-bottom: 0;
+  }
+
+  &-dark&-horizontal > &-item,
+  &-dark&-horizontal > &-submenu {
+    top: 0;
+    margin-top: 0;
+    border-color: @menu-dark-bg;
+    border-bottom: 0;
+  }
+
+  &-dark&-horizontal > &-item > a::before {
+    bottom: 0;
+  }
+
+  &-dark &-item,
+  &-dark &-item-group-title,
+  &-dark &-item > a {
+    color: @menu-dark-color;
+  }
+
+  &-dark&-inline,
+  &-dark&-vertical,
+  &-dark&-vertical-left,
+  &-dark&-vertical-right {
+    border-right: 0;
+  }
+
+  &-dark&-inline &-item,
+  &-dark&-vertical &-item,
+  &-dark&-vertical-left &-item,
+  &-dark&-vertical-right &-item {
+    left: 0;
+    margin-left: 0;
+    border-right: 0;
+    &::after {
+      border-right: 0;
+    }
+  }
+
+  &-dark&-inline &-item,
+  &-dark&-inline &-submenu-title {
+    width: 100%;
+  }
+
+  &-dark &-item:hover,
+  &-dark &-item-active,
+  &-dark &-submenu-active,
+  &-dark &-submenu-open,
+  &-dark &-submenu-selected,
+  &-dark &-submenu-title:hover {
+    color: @menu-dark-highlight-color;
+    background-color: transparent;
+    > a {
+      color: @menu-dark-highlight-color;
+    }
+    > .@{menu-prefix-cls}-submenu-title,
+    > .@{menu-prefix-cls}-submenu-title:hover {
+      > .@{menu-prefix-cls}-submenu-arrow {
+        opacity: 1;
+        &::after,
+        &::before {
+          background: @menu-dark-highlight-color;
+        }
+      }
+    }
+  }
+  &-dark &-item:hover {
+    background-color: @menu-dark-item-hover-bg;
+  }
+
+  &-dark&-dark:not(&-horizontal) &-item-selected {
+    background-color: @menu-dark-item-active-bg;
+  }
+
+  &-dark &-item-selected {
+    color: @menu-dark-highlight-color;
+    border-right: 0;
+    &::after {
+      border-right: 0;
+    }
+    > a,
+    > a:hover {
+      color: @menu-dark-highlight-color;
+    }
+    .@{iconfont-css-prefix} {
+      color: @menu-dark-selected-item-icon-color;
+    }
+    .@{iconfont-css-prefix} + span {
+      color: @menu-dark-selected-item-text-color;
+    }
+  }
+
+  &&-dark &-item-selected,
+  &-submenu-popup&-dark &-item-selected {
+    background-color: @menu-dark-item-active-bg;
+  }
+
+  // Disabled state sets text to dark gray and nukes hover/tab effects
+  &-dark &-item-disabled,
+  &-dark &-submenu-disabled {
+    &,
+    > a {
+      color: @disabled-color-dark !important;
+      opacity: 0.8;
+    }
+    > .@{menu-prefix-cls}-submenu-title {
+      color: @disabled-color-dark !important;
+      > .@{menu-prefix-cls}-submenu-arrow {
+        &::before,
+        &::after {
+          background: @disabled-color-dark !important;
+        }
+      }
+    }
+  }
+}