Implement Dark Mode theme

eliataylor commented 3 years ago

The whole site skin should toggle between light and dark modes per the theme palette in authReducer

All styles should use colors from theme.palette...

Screen Shot 2021-04-18 at 10 38 07 PM

eliataylor commented 3 years ago

(i've added the toggling tool in the footer here. https://democraseeclub.web.app/

dark-mode-toggle-button

eliataylor commented 3 years ago

@Aujemd , esta mucho mejor. Puedes hacer eso texto blanco?

make-white

eliataylor commented 3 years ago

ok. gracias @Aujemd .

ahora podemos guardar nuestros ojos trabajando por la noche :)

@polinatolkacheva , i'm sure we'd love your opinion on a dark theme color palette. You can play around with colors here: https://material-ui.com/customization/color/

currently we're using:

{
    type: "dark",
    primary: {
      main: "#1194A3",
      contrastText: "#C1D5D7",
    },
    secondary: {
      main: "#B9DFF4",
      contrastText: "#002866",
    },
    info: {
      main: "#005ea2",
      contrastText: "#ffffff",
    },
    error: {
      main: "#D83933",
    },
    background: {
      default: "#002e36",
      paper: "#00434F",
    },
  }

DemocraseeClub / website

Implement Dark Mode theme #28