aboutsummaryrefslogtreecommitdiff
path: root/src/store.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/store.ts')
-rw-r--r--src/store.ts28
1 files changed, 28 insertions, 0 deletions
diff --git a/src/store.ts b/src/store.ts
new file mode 100644
index 0000000..33088b2
--- /dev/null
+++ b/src/store.ts
@@ -0,0 +1,28 @@
+/*
+ * Defines a global store for UI settings, palette colors, etc
+ */
+
+import {defineStore} from 'pinia';
+
+export const useStore = defineStore('store', {
+ state: () => {
+ const color = { // Note: For scrollbar colors on chrome, edit ./index.css
+ text: '#fafaf9', // stone-50
+ textDark: '#a8a29e', // stone-400
+ bg: '#292524', // stone-800
+ bgLight: '#44403c', // stone-700
+ bgDark: '#1c1917', // stone-900
+ bgLight2: '#57534e', // stone-600
+ bgDark2: '#0e0c0b', // darker version of stone-900
+ alt: '#fde047', // yellow-300
+ altDark: '#eab308', // yellow-500
+ altDark2: '#ca8a04', // yellow-600
+ };
+ return {
+ color,
+ scrollRatio: 0.2, // Fraction of timeline length to move by upon scroll
+ zoomRatio: 1.5, // Ratio of timeline expansion upon zooming out
+ dragInertia: 0.1, // Multiplied by final-drag-speed (pixels-per-sec) to get extra scroll distance
+ };
+ },
+});