https://github.com/angelhtml/nextjs_color-mode

Next Js color mode only using react hook and theme controller 🌙
https://github.com/angelhtml/nextjs_color-mode

angelcodestyle css cssmodules dark-mode jsx nextjs nextjs-template purecss react-hooks reactjs theme themes toggle-switch ui ui-components

Last synced: 28 days ago
JSON representation

Next Js color mode only using react hook and theme controller 🌙

• Host: GitHub
• URL: https://github.com/angelhtml/nextjs_color-mode
• Owner: angelhtml
• Created: 2024-06-30T17:31:23.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-01T17:18:34.000Z (6 months ago)
• Last Synced: 2024-12-06T08:07:13.186Z (28 days ago)
• Topics: angelcodestyle, css, cssmodules, dark-mode, jsx, nextjs, nextjs-template, purecss, react-hooks, reactjs, theme, themes, toggle-switch, ui, ui-components
• Language: CSS
• Homepage:
• Size: 153 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Next js color mode



  

  



Theme controller

you customize the theme from this jsx component

~/themes/themes.jsx
 


``` Javascript

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"

        }

    }

}

```