Next js color mode

Theme controller

you customize the theme from this jsx component

~/themes/themes.jsx

exports.themes = {
    primery: {
        bg: {
            dark: "#330038",
            light: "#fff"
        },
        color: {
            dark: "#fff",
            light: "black"
        },
        border: {
            dark: "#5f0069",
            light: "#b600b6"
        }
    },
    secondary: {
        bg: {
            dark: "purple",
            light: "#f0f"
        },
        color: {
            dark: "white",
            light: "silver"
        }
    }
}