Adjust colors

VedaWebProject · Jan 15, 2025 · 7197d31 · 7197d31
1 parent 9b01fa5
commit 7197d31
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/Tekst-API/tekst/sample_data/db/texts.json b/Tekst-API/tekst/sample_data/db/texts.json
@@ -24,7 +24,7 @@
         "default_level": 2,
         "loc_delim": " > ",
         "labeled_location": true,
-        "accent_color": "#416952",
+        "accent_color": "#38714b",
         "is_active": true,
         "resource_categories": [
             {
@@ -76,7 +76,7 @@
         "default_level": 0,
         "loc_delim": "/",
         "labeled_location": true,
-        "accent_color": "#405B85",
+        "accent_color": "#384a71",
         "is_active": true,
         "resource_categories": [
             {

diff --git a/Tekst-Web/src/api/index.ts b/Tekst-Web/src/api/index.ts
@@ -110,14 +110,14 @@ export function downloadData(blob: Blob, filename: string) {
 // export some common platform properties for use throughout codebase
 
 export const accentColorPresets = [
-  '#405B85', // indigo
-  '#416367', // teal
-  '#416952', // green
-  '#927E34', // mustard
-  '#67583C', // coffee
-  '#853435', // dark red
-  '#6A3F4E', // aubergine
-  '#524470', // violet
+  '#384a71', // indigo
+  '#386C71', // teal
+  '#38714b', // green
+  '#716938', // olive
+  '#715938', // coffee
+  '#713839', // dark red
+  '#71384e', // aubergine
+  '#6c3871', // violet
 ];
 
 export const resourceTypes = [

diff --git a/Tekst-Web/src/stores/theme.ts b/Tekst-Web/src/stores/theme.ts
@@ -27,7 +27,7 @@ const _COMMON_OVERRIDES: GlobalThemeOverrides = {
   },
   Badge: {
     fontSize: 'var(--font-size-mini)',
-    color: '#D4443F',
+    color: '#cc3d39',
   },
   Thing: {
     titleFontWeight: 'var(--font-weight-bold)',
@@ -69,7 +69,7 @@ export const useThemeStore = defineStore('theme', () => {
     baseColor: string = state.text?.accentColor || '#7A7A7A',
     darkMode: boolean = dark.value
   ) {
-    const lightenBy = darkMode ? 0.375 : 0.0;
+    const lightenBy = darkMode ? 0.5 : 0.0;
     const base = lighten(baseColor, lightenBy);
     return {
       base: toRgba(base),