theme-darker
TypeScript icon, indicating that this package has built-in type declarations

0.3.1 • Public • Published

Theme Darker 🌗

Build Status NPM total downloads

Toggle dark mode with Theme Darker

ThemeDarker_Baner

Installation

Below Command is an example of how to install Theme Darker

npm

npm install theme-darker@latest -g

clone

git clone https://github.com/HJ2Yoon/themedarker.git ./

Usage

Getting started with theme darker

import { Theme, ThemeDarker } from 'theme-darker';

Enums

  • LIGHT : light mode
  • DARK : dark mode

Example

enum Theme {
  LIGHT,
  DARK,
}

It's a Component that has three arguments

Params

  • theme { Theme | undefined }: Put your current theme
  • toggleTheme { () => void }: The function to set theme.
  • size { number }: Size of component

Example

<ThemeDarker
  theme={curTheme === Theme.LIGHT ? Theme.DARK : Theme.LIGHT}
  toggleTheme={toggleTheme}
  size={15}
/>

Release History

📄 v0.3.0 ✅ (Valid version)

  • Button reface
v0.2.0
  • v0.2.3 -dev
  • v0.2.2 -dev
  • v0.2.1 -dev ❌ (Error exist)
  • v0.2.0 -dev ❌ (Error exist)

📄 v0.1.0 ❌ (Error exist)

  • Work in progress

License

[MIT]

Package Sidebar

Install

npm i theme-darker

Weekly Downloads

1

Version

0.3.1

License

MIT

Unpacked Size

41.5 kB

Total Files

27

Last publish

Collaborators

  • hj2yoon