Tweak defaults to align with Showcode colour theme

stevebauman · Jan 3, 2024 · 94c2870 · 94c2870
1 parent e27be83
commit 94c2870
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/composables/useBackgrounds.js b/composables/useBackgrounds.js
@@ -4,7 +4,7 @@ import { computed } from '@nuxtjs/composition-api';
 import useSettingsStore from './useSettingsStore';
 import defaultBackgrounds from '~/data/backgrounds';
 
-export const DEFAULT_BACKGROUND = 'candy';
+export const DEFAULT_BACKGROUND = 'midnight';
 
 export default function () {
     const settings = useSettingsStore();

diff --git a/composables/usePreferencesStore.js b/composables/usePreferencesStore.js
@@ -8,7 +8,7 @@ export const defaults = {
     editorFontSize: 14,
     editorLineHeight: 1.5,
     editorFontLigatures: false,
-    editorFontFamily: 'font-mono',
+    editorFontFamily: 'font-mono-lisa',
     editorLanguage: 'php',
     editorOrientation: 'left',
     editorLightTheme: 'vs-light',
@@ -18,8 +18,8 @@ export const defaults = {
     previewFontSize: 16,
     previewLineHeight: 20,
     previewCodeBlurStrength: 1,
-    previewFontFamily: 'font-mono',
-    previewThemeName: 'github-light',
+    previewFontFamily: 'font-mono-lisa',
+    previewThemeName: 'github-dark',
 
     previewLockToWindow: false,
     previewLockToWindowPaddingX: 0,

diff --git a/composables/useSettings.js b/composables/useSettings.js
@@ -8,20 +8,20 @@ export default function (defaults = {}) {
 
     const settingsDefaults = {
         title: '',
-        width: 400,
-        height: 200,
+        width: 500,
+        height: 300,
         position: 'center',
         landscape: false,
         showHeader: true,
-        showHeaderAccent: true,
+        showHeaderAccent: false,
         showTitle: true,
         showMenu: true,
         showDividers: true,
         showColorMenu: false,
         showLineNumbers: false,
         background: DEFAULT_BACKGROUND,
 
-        themeType: 'light',
+        themeType: 'dark',
         themeOpacity: 1.0,
         themeName: preferences.previewThemeName,
         themeBackground: '#fff',

diff --git a/composables/useShiki.js b/composables/useShiki.js
@@ -17,7 +17,7 @@ export default function () {
             code: [],
             languages: [],
             opacity: 100,
-            theme: 'github-light',
+            theme: 'github-dark',
         });
 
         $queue.push(async () => {