style: fix color of more button and scrollbar style (#3486)

* style(header): fix color of more button

* style: fix scrollbar style
This commit is contained in:
Zeke Zhang 2024-02-03 10:21:21 +08:00 committed by GitHub
parent 407f887584
commit 33edd78531
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 38 additions and 36 deletions

View File

@ -1,37 +1,35 @@
.win { /* width */
/* width */ ::-webkit-scrollbar {
::-webkit-scrollbar { width: 8px;
width: 8px; height: 8px;
height: 8px; }
}
/* Track */
/* Track */ ::-webkit-scrollbar-track {
::-webkit-scrollbar-track { background: var(--colorBgScrollTrack);
background: var(--colorBgScrollTrack); }
}
/* Handle */
/* Handle */ ::-webkit-scrollbar-thumb {
::-webkit-scrollbar-thumb { background: var(--colorBgScrollBar);
background: var(--colorBgScrollBar); border-radius: 4px;
border-radius: 4px; }
}
/* Handle on hover */
/* Handle on hover */ ::-webkit-scrollbar-thumb:hover {
::-webkit-scrollbar-thumb:hover { background: var(--colorBgScrollBarHover);
background: var(--colorBgScrollBarHover); }
}
::-webkit-scrollbar-thumb:active {
::-webkit-scrollbar-thumb:active { background: var(--colorBgScrollBarActive);
background: var(--colorBgScrollBarActive); }
}
.rc-virtual-list-scrollbar-thumb {
.rc-virtual-list-scrollbar-thumb { background: var(--colorBgScrollBar) !important;
background: var(--colorBgScrollBar) !important; }
} .rc-virtual-list-scrollbar-thumb:hover {
.rc-virtual-list-scrollbar-thumb:hover { background: var(--colorBgScrollBarHover) !important;
background: var(--colorBgScrollBarHover) !important; }
} .rc-virtual-list-scrollbar-thumb:active {
.rc-virtual-list-scrollbar-thumb:active { background: var(--colorBgScrollBarActive) !important;
background: var(--colorBgScrollBarActive) !important;
}
} }

View File

@ -10,6 +10,7 @@ import 'dayjs/plugin/weekday';
// 重置浏览器样式 // 重置浏览器样式
import 'antd/dist/reset.css'; import 'antd/dist/reset.css';
import './global.less';
export * from '@emotion/css'; export * from '@emotion/css';
export * from './acl'; export * from './acl';

View File

@ -279,6 +279,9 @@ export const InternalAdminLayout = (props: any) => {
background-color: ${token.colorBgHeaderMenuActive} !important; background-color: ${token.colorBgHeaderMenuActive} !important;
color: ${token.colorTextHeaderMenuActive} !important; color: ${token.colorTextHeaderMenuActive} !important;
} }
.ant-menu-submenu-horizontal.ant-menu-submenu-selected > .ant-menu-submenu-title {
color: ${token.colorTextHeaderMenuActive} !important;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover {
background-color: ${token.colorBgHeaderMenuHover} !important; background-color: ${token.colorBgHeaderMenuHover} !important;
color: ${token.colorTextHeaderMenuHover} !important; color: ${token.colorTextHeaderMenuHover} !important;