search

🌑Light & Dark Layout

To make Dark Layout in the theme change given below

const dark_layout = 'true';

To make Light Layout in the theme change given below

const dark_layout = 'false';

To make the Layout theme depend on the user's operating system

const dark_layout = 'default';

Automatically sets the theme based on the user's operating system's color scheme.

Updated the Body Tag In the Views/Shared/_Layout.cshtml file, locate the <body> tag. Update or add the data-pc-theme attribute as shown below to apply the dark theme:

<body data-pc-theme="dark">
circle-info

Light layout is our default layout so if you want to use it then no need to change anything

PreviousLayout CustomizerNextNavbar Color

Last updated