Support forcedTheme for dark/light mode

near · Feb 26, 2025 · 6ab8f3d · 6ab8f3d
1 parent d4469fe
commit 6ab8f3d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@near-pagoda/ui",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "A React component library that implements the official NEAR design system.",
   "license": "MIT",
   "repository": {

diff --git a/src/context/PagodaUi.tsx b/src/context/PagodaUi.tsx
@@ -2,6 +2,7 @@ import { ThemeProvider } from 'next-themes';
 import { type ComponentProps, createContext, ForwardedRef, type ReactNode, useContext } from 'react';
 
 type PagodaUi = {
+  forcedTheme?: 'dark' | 'light';
   Link: (props: {
     children: ReactNode;
     className?: string;
@@ -19,7 +20,7 @@ export const PagodaUiContext = createContext<PagodaUi | null>(null);
 
 export const PagodaUiProvider = ({ value, children }: ComponentProps<typeof PagodaUiContext.Provider>) => {
   return (
-    <ThemeProvider attribute="class">
+    <ThemeProvider enableSystem={!value?.forcedTheme} forcedTheme={value?.forcedTheme} attribute="class">
       <PagodaUiContext.Provider value={value}>{children}</PagodaUiContext.Provider>
     </ThemeProvider>
   );