diff --git a/src/main.js b/src/main.js
index 861754e70..2fcab29af 100644
--- a/src/main.js
+++ b/src/main.js
@@ -118,7 +118,7 @@ router.beforeEach(function (to, from, next) {
 
 const app = createApp(App);
 
-app.config.globalProperties.$appState = reactive({darkTheme: false, codeSandbox: false, sourceType: 'options-api'});
+app.config.globalProperties.$appState = reactive({darkTheme: true, codeSandbox: false, sourceType: 'options-api'});
 
 app.use(PrimeVue, {ripple: true});
 app.use(ToastService);