update: enhance global card styling and sidebar menu appearance

This commit is contained in:
2025-10-08 14:38:00 +07:00
parent dcedf9fe19
commit 9806593319
6 changed files with 81 additions and 30 deletions

View File

@@ -18,4 +18,38 @@
html body {
margin: 0;
height: 100vh;
}
/* Custom Orange Sidebar Menu Styles */
.custom-orange-menu.ant-menu-dark .ant-menu-item-selected {
background-color: rgba(255, 255, 255, 0.2) !important;
color: white !important;
}
.custom-orange-menu.ant-menu-dark .ant-menu-item-selected::after {
border-right-color: white !important;
}
.custom-orange-menu.ant-menu-dark .ant-menu-item:hover,
.custom-orange-menu.ant-menu-dark .ant-menu-submenu-title:hover {
background-color: rgba(255, 255, 255, 0.15) !important;
color: white !important;
}
.custom-orange-menu.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title {
color: white !important;
}
.custom-orange-menu.ant-menu-dark.ant-menu-inline .ant-menu-sub {
background: rgba(0, 0, 0, 0.2) !important;
}
.custom-orange-menu.ant-menu-dark .ant-menu-item,
.custom-orange-menu.ant-menu-dark .ant-menu-submenu-title {
color: rgba(255, 255, 255, 0.9) !important;
}
.custom-orange-menu.ant-menu-dark .ant-menu-item-active,
.custom-orange-menu.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title {
color: white !important;
}