Rename themeConfig.default to themeConfig.defaultTheme

src/components/GitProfile.jsx

@@ -311,7 +311,7 @@ GitProfile.propTypes = {
       snippetVersion: PropTypes.number,
     }),
     themeConfig: PropTypes.shape({
-      default: PropTypes.string.isRequired,
+      defaultTheme: PropTypes.string.isRequired,
       disableSwitch: PropTypes.bool.isRequired,
       respectPrefersColorScheme: PropTypes.bool.isRequired,
       themes: PropTypes.array.isRequired,

src/components/theme-changer/index.jsx

@@ -27,7 +27,7 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
           <span className="text-base-content text-opacity-40 capitalize text-sm">
             {loading
               ? skeleton({ width: 'w-16', height: 'h-5' })
-              : theme === themeConfig.default
+              : theme === themeConfig.defaultTheme
               ? 'Default'
               : theme}
           </span>
@@ -61,9 +61,9 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
               >
                 <ul className="p-4 menu compact">
                   {[
-                    themeConfig.default,
+                    themeConfig.defaultTheme,
                     ...themeConfig.themes.filter(
-                      (item) => item !== themeConfig.default
+                      (item) => item !== themeConfig.defaultTheme
                     ),
                   ].map((item, index) => (
                     <li key={index}>
@@ -73,7 +73,7 @@ const ThemeChanger = ({ theme, setTheme, loading, themeConfig }) => {
                         className={`${theme === item ? 'active' : ''}`}
                       >
                         <span className="opacity-60 capitalize">
-                          {item === themeConfig.default ? 'Default' : item}
+                          {item === themeConfig.defaultTheme ? 'Default' : item}
                         </span>
                       </a>
                     </li>

src/helpers/utils.jsx

@@ -3,7 +3,7 @@ import { hotjar } from 'react-hotjar';
 
 export const getInitialTheme = (themeConfig) => {
   if (themeConfig.disableSwitch) {
-    return themeConfig.default;
+    return themeConfig.defaultTheme;
   }
 
   if (
@@ -19,10 +19,10 @@ export const getInitialTheme = (themeConfig) => {
   if (themeConfig.respectPrefersColorScheme && !themeConfig.disableSwitch) {
     return window.matchMedia('(prefers-color-scheme: dark)').matches
       ? 'dark'
-      : themeConfig.default;
+      : themeConfig.defaultTheme;
   }
 
-  return themeConfig.default;
+  return themeConfig.defaultTheme;
 };
 
 export const skeleton = ({
@@ -113,7 +113,7 @@ export const constructConfigWithMissingValues = (config) => {
 
   if (typeof config.themeConfig === 'undefined') {
     const themeConfig = {
-      default: 'corporate',
+      defaultTheme: 'corporate',
       disableSwitch: false,
       respectPrefersColorScheme: false,
       themes: [