Default to light

melloware · Mar 11, 2022 · c307fc3 · c307fc3
1 parent 1f5e21e
commit c307fc3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -7,8 +7,8 @@ import Layout from '../components/layout/layout';
 import { useState } from 'react';
 
 export default function MyApp({ Component }) {
-    const [dark, setDark] = useState(true);
-    const [theme, setTheme] = useState('lara-dark-indigo');
+    const [dark, setDark] = useState(false);
+    const [theme, setTheme] = useState('lara-light-indigo');
 
     const props = {
         dark: dark,

diff --git a/pages/_document.js b/pages/_document.js
@@ -13,7 +13,7 @@ class MyDocument extends Document {
         return (
             <Html>
                 <Head>
-                    <link id="theme-link" href={`${contextPath}/themes/lara-dark-indigo/theme.css`} rel="stylesheet"></link>
+                    <link id="theme-link" href={`${contextPath}/themes/lara-light-indigo/theme.css`} rel="stylesheet"></link>
                 </Head>
                 <body>
                     <Main />

diff --git a/pages/index.js b/pages/index.js
@@ -16,7 +16,7 @@ import { useEffect, useState } from 'react';
 
 export default function Home(props) {
     const contextPath = getConfig().publicRuntimeConfig.contextPath;
-    const [tableTheme, setTableTheme] = useState('lara-dark-indigo');
+    const [tableTheme, setTableTheme] = useState('lara-light-indigo');
     const rootClassName = classNames('landing', {'landing-light': !props.dark, 'landing-dark': props.dark});
     const toggleColorScheme = () => {
         const darkMode = !props.dark;