Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-next-theme

Package Overview
Dependencies
Maintainers
0
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-next-theme - npm Package Compare versions

Comparing version 1.0.10 to 1.1.0

2

package.json
{
"name": "react-next-theme",
"version": "1.0.10",
"version": "1.1.0",
"type": "module",

@@ -5,0 +5,0 @@ "description": "A simple and flexible theme switcher for React and Next.js, supporting light and dark modes with localStorage and system preferences.",

@@ -40,2 +40,3 @@ Sure! Here's the complete **`README.md`** file, including instructions for both **npm** and **yarn**, detailed usage for **React**, **Next.js (Pages Router and App Router)**, and the **CSS** you provided.

To ensure the theme is correctly applied to your application, include the following CSS in your global styles (`index.css` or `globals.css` depending on your setup):
you can change color as you want.

@@ -79,5 +80,4 @@ ```css

<!-- Insert the theme initialization style of the avobe style -->
<!-- <link rel="stylesheet" href="insert css file link"> -->
<!-- <link rel="stylesheet" href="example of index.css"> -->
<!-- Insert the theme initialization script -->

@@ -99,3 +99,3 @@ <script>

### 2. Use `ThemeProvider` in `src/index.js`
### 2. Use `ThemeProvider` in `src/index.js` or `src/main.js`

@@ -105,3 +105,3 @@ Wrap your app with the `ThemeProvider` to handle dynamic theme switching:

```js
// src/index.js
// src/index.js or src/main.js
import React from 'react';

@@ -122,2 +122,4 @@ import ReactDOM from 'react-dom';

you can change the button or modify as your need
```js

@@ -124,0 +126,0 @@ // src/App.js

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc