Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding text color variable so that it works for both themes for menu

Browse Source
This commit is contained in:
Rupin Khandelwal
2022-08-10 18:59:01 +02:00
parent fac0e78c3d
commit 42eba03de7
2 changed files with 14 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/web/components/templates/Menu.tsx
View File

@ -27,9 +27,6 @@ const calculateTodayMenuItem = () => {
const hrefStr = `?q=in%3Ainbox+saved%3A${
new Date(new Date().getTime() - 24 * 3600000).toISOString().split('T')[0]
}Z%${timeZoneHourDiff}B2..*`
// console.log(timeZoneHourDiff.toLocaleString('en-US', {
// signDisplay: 'always',
// }))
return hrefStr
}
@ -106,12 +103,6 @@ export const Menubar = () => {
...createDynamicMenuItems(labels, subscriptions),
])
}, [labels, subscriptions])
// const menuItems = useMemo(() => {
// if (labels || subscriptions) {
// setMenuList( [...menuList, ...createDynamicMenuItems(labels, subscriptions)])
// }
// }, [labels, subscriptions, menuList])
return (
<ProSidebar style={proSideBarStyles} breakPoint={'sm'}>
<Menu>

22
packages/web/styles/menu.css
View File

@ -1,14 +1,20 @@
/* Menu Override styles */
.pro-sidebar > .pro-sidebar-inner {
.pro-sidebar>.pro-sidebar-inner {
background-color: var(--colors-grayBase);
color: #000;
}
.pro-sidebar .pro-menu a {
color: #000;
color: var(--colors-utilityTextDefault);
}
.pro-sidebar .pro-menu .pro-menu-item > .pro-inner-item {
padding: 5px 30px 5px 20px;
.pro-sidebar .pro-menu a {
color: var(--colors-utilityTextDefault);
}
.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item {
padding: 3px 20px 3px 20px;
}
.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper {
width: 20px;
min-width: 0;
height: 25px;
}