From d7a6fa102d4f96d50700cdeb83d141c299fe08fa Mon Sep 17 00:00:00 2001 From: Lightling Date: Sun, 2 Mar 2025 16:05:38 -0500 Subject: [PATCH] dark mode, bigger default window, gw brand --- index.html | 2 +- src-tauri/tauri.conf.json | 4 ++-- src/App.vue | 21 ++++++++++++++++++++- src/main.ts | 24 ++++++++++++++++++++++-- src/views/Home/Home.vue | 6 ++++-- 5 files changed, 49 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 99f203f..c7c4ef7 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json index cfb635d..ac32f4a 100644 --- a/src-tauri/tauri.conf.json +++ b/src-tauri/tauri.conf.json @@ -13,8 +13,8 @@ "windows": [ { "title": "simple-inventory-editor", - "width": 800, - "height": 600 + "width": 1280, + "height": 800 } ], "security": { diff --git a/src/App.vue b/src/App.vue index 9de7773..656184c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,9 +1,27 @@ diff --git a/src/main.ts b/src/main.ts index 3a39623..8bc77e7 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,5 +1,6 @@ import { createApp } from 'vue' import { createPinia } from 'pinia' +import { definePreset } from '@primeuix/themes' import Aura from '@primeuix/themes/aura' import PrimeVue from 'primevue/config' import ToastService from 'primevue/toastservice' @@ -11,14 +12,33 @@ import App from './App.vue' const pinia = createPinia() const app = createApp(App) + +const themePreset = definePreset(Aura, { + semantic: { + primary: { + 50: '{sky.50}', + 100: '{sky.100}', + 200: '{sky.200}', + 300: '{sky.300}', + 400: '{sky.400}', + 500: '{sky.500}', + 600: '{sky.600}', + 700: '{sky.700}', + 800: '{sky.800}', + 900: '{sky.900}', + 950: '{sky.950}', + }, + }, +}) + app .use(router) .use(pinia) .use(PrimeVue, { theme: { - preset: Aura, + preset: themePreset, options: { - darkModeSelector: 'system', + darkModeSelector: '.dark-mode', cssLayer: false, }, }, diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue index 3c40b25..ee0248a 100644 --- a/src/views/Home/Home.vue +++ b/src/views/Home/Home.vue @@ -106,7 +106,7 @@ section.home-page h2 Open Recent File .content p Not Yet Implemented - p or... + p.or or... Panel template(#header) h2 Create A New File @@ -136,7 +136,7 @@ section.home-page :disabled='newFileDisabled' @click='onCreate' ) - p or... + p.or or... Panel template(#header) h2 Open An Existing File @@ -153,6 +153,8 @@ section.home-page display: flex flex-direction: column align-items: center + .or + margin: 0.5rem 0 .p-panel width: 100% max-width: 40rem