Nextjs Themes
    Preparing search index...

    Interface ThemeSwitcherProps

    interface ThemeSwitcherProps {
        forcedColorScheme?: ColorSchemeType;
        forcedTheme?: string;
        nonce?: string;
        styles?: Record<string, string>;
        targetSelector?: string;
        themeTransition?: string;
    }
    Index

    Properties

    forcedColorScheme? forcedTheme? nonce? styles? targetSelector? themeTransition?

    Properties

    forcedColorScheme?: ColorSchemeType

    Forced color scheme for the current page

    Force per page theme and color-scheme

    forcedTheme?: string

    Forced theme name for the current page

    Force per page theme and color-scheme

    nonce?: string

    The nonce value for your Content Security Policy.

    styles?: Record<string, string>

    Provide a styles object imported from CSS/SCSS modules if you are using these modules to define theme and color-scheme classes. All classes applied to the target are modified using the styles object as follows: if (styles) classes = classes.map(cls => styles[cls] ?? cls);

    targetSelector?: string

    CSS selector for the target element to apply the theme. Use this to specify a different target element than the default (html or documentElement). This is particularly useful for controlling the theme of different parts of the page independently.

    themeTransition?: string

    The transition property to enforce on all elements, preventing unwanted transitions during theme changes.

    'background .3s'

    'none'

    Settings

    Member Visibility

    On This Page

    Properties