Adds a dark or light in body class
Without props it uses default light and dark
import Layout from "../components/Layout";
import Blog from "../components/Blog";
import ThemeSelector from "../ThemeSelector";
const Blog = () => (
<>
<ThemeSelector />
<Layout>
<Blog />
</Layout>
</>
);
With props
import Layout from "../components/Layout";
import Blog from "../components/Blog";
import ThemeSelector from "../ThemeSelector";
const themeSelections = {
themes: [
{
name: "light",
label: "Light",
},
{
name: "dark",
label: "Dark",
},
{
name: "solarized-dark",
label: "Solarized Dark",
},
],
};
const Blog = () => (
<>
<ThemeSelector themes={themeSelections} />
<Layout>
<Blog />
</Layout>
</>
);