1
0
mirror of https://github.com/Unleash/unleash.git synced 2024-10-18 20:09:08 +02:00
unleash.unleash/frontend/src/component/common/Notifications/NotificationsList.tsx
NicolaeUnleash 705462f0cf
feat: dark theme v1 (#3298)
## About the changes

Creating the first version of the Dark theme

Refactor: colors variables
Refactor: use theme variable instead 
- this change will help us to use MuiCssBaseline, and we can use classes
directly for easy customization when we can't identify MUI classes

Refactor: adjusting some files components
- i’ve touched also the structure of some files, not only the colors
variables (but only to adjust the style, not functionality)

Fix: dark mode persistence on refresh (by Nuno)

Feat: dark mode sees light logos, and light mode sees dark logos (by
Nuno)

---------

Co-authored-by: Nuno Góis <github@nunogois.com>
2023-03-22 16:37:40 +02:00

15 lines
377 B
TypeScript

import { List, styled } from '@mui/material';
import { FC } from 'react';
const StyledListContainer = styled(List)(({ theme }) => ({
padding: theme.spacing(1, 1, 3, 1),
}));
export const NotificationsList: FC = ({ children }) => {
return (
<StyledListContainer data-testid="NOTIFICATIONS_LIST">
{children}
</StyledListContainer>
);
};