Темная тема не применяется на для компонента SideMenu #3560
Description
Ошибка
В темной теме при наведении мышки на элементы меню (SideMenu) цвета фона элементов светлые буквы черные.
Чтобы воспроизвести
const uiTheme = ThemeFactory.create({
sideMenuBgColor: '#2b2b2b',
sideMenuBoxShadowColor: '#373737',
sideMenuDividerBgColor: 'gray',
} , DARK_THEME );
return (
<ThemeContext.Provider
value={uiTheme}
>
<SideMenu
disableCollapsing={false}
isSeparatedMenu={false}
size={'small'}
showScrollBar={'always'}
desktopMediaQuery={'2000'}
>
<SideMenu.Link
href={"/#!/?panel=usercard"}
icon={<People3Icon/>}
caption={gettext("Сотрудники")}
/>
</SideMenu>}
</ThemeContext.Provider>
Фактическое поведение
При наведении мышки на элемент меню он становится таким, как в светлой теме
Ожидаемое поведение
При наведении мышки на элемент меню он соответствует темной теме
Скриншоты
Укажите версию библиотеки и других пакетов:
"@skbkontur/react-ui": "^5.0.4",
"@skbkontur/side-menu": "^3.0.6",
"react": "^18.2.0",
"react-dom": "^18.2.0",
Параметры компьютера:
- ОС: ubuntu 20
- Браузер хром,
- Версия Version 131.0.6778.85 (Official Build) (64-bit)
Есть решение?
Я решил обходным путем добавив класс в к элементам меню sub-item-dark и назначив нужный цвет фона для элементов
.sub-item-dark:hover {
background-color: #373737 !important;
}
Но это не решение, а обходной путь....