refactor(themes): update theme names and color palettes for improved aesthetics

lassestilvang · lassestilvang · commit fc734e9b2fb9 · 2025-10-16T22:29:51.000+02:00
diff --git a/content.ts b/content.ts
@@ -269,208 +269,208 @@ async function checkChromeBuiltinSupport(): Promise<boolean> {
         titleColor: '#f0d4f7',
       },
     },
-    'serene-landscapes': {
+    'serene landscapes': {
       name: 'Serene Landscapes',
       colors: {
-        backgroundColor: '#f0f8f0',
-        textColor: '#2d5016',
-        borderColor: '#b8d4b8',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#4a7c4a',
-        copyButtonColor: '#4a7c4a',
-        titleColor: '#2d5016',
+        backgroundColor: '#e8f4f8',
+        textColor: '#2c5f2d',
+        borderColor: '#87ceeb',
+        shadowColor: 'rgba(135, 206, 235, 0.3)',
+        closeButtonColor: '#4682b4',
+        copyButtonColor: '#4682b4',
+        titleColor: '#2c5f2d',
       },
     },
-    'mystical-forests': {
+    'mystical forests': {
       name: 'Mystical Forests',
       colors: {
-        backgroundColor: '#2d1b3d',
-        textColor: '#e6d7f0',
-        borderColor: '#5d4a7a',
-        shadowColor: 'rgba(0, 0, 0, 0.3)',
-        closeButtonColor: '#b19cd9',
-        copyButtonColor: '#b19cd9',
-        titleColor: '#e6d7f0',
+        backgroundColor: '#1a4d3a',
+        textColor: '#e6f3e6',
+        borderColor: '#228b22',
+        shadowColor: 'rgba(34, 139, 34, 0.4)',
+        closeButtonColor: '#32cd32',
+        copyButtonColor: '#32cd32',
+        titleColor: '#90ee90',
       },
     },
-    'vibrant-sunsets': {
+    'vibrant sunsets': {
       name: 'Vibrant Sunsets',
       colors: {
-        backgroundColor: '#ffe4e1',
-        textColor: '#8b4513',
-        borderColor: '#ffb6c1',
-        shadowColor: 'rgba(0, 0, 0, 0.15)',
-        closeButtonColor: '#dc143c',
-        copyButtonColor: '#dc143c',
-        titleColor: '#8b4513',
+        backgroundColor: '#ff6b35',
+        textColor: '#ffffff',
+        borderColor: '#ff8c42',
+        shadowColor: 'rgba(255, 140, 66, 0.5)',
+        closeButtonColor: '#ffffff',
+        copyButtonColor: '#ffffff',
+        titleColor: '#ffffff',
       },
     },
-    'ethereal-oceans': {
+    'ethereal oceans': {
       name: 'Ethereal Oceans',
       colors: {
-        backgroundColor: '#e0f7fa',
-        textColor: '#00695c',
-        borderColor: '#80deea',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#00bcd4',
-        copyButtonColor: '#00bcd4',
-        titleColor: '#00695c',
+        backgroundColor: '#001122',
+        textColor: '#b0e0e6',
+        borderColor: '#00ced1',
+        shadowColor: 'rgba(0, 206, 209, 0.4)',
+        closeButtonColor: '#87ceeb',
+        copyButtonColor: '#87ceeb',
+        titleColor: '#e0ffff',
       },
     },
-    'enchanted-castles': {
+    'enchanted castles': {
       name: 'Enchanted Castles',
       colors: {
-        backgroundColor: '#f5f5f5',
-        textColor: '#424242',
-        borderColor: '#bdbdbd',
-        shadowColor: 'rgba(0, 0, 0, 0.2)',
-        closeButtonColor: '#757575',
-        copyButtonColor: '#757575',
-        titleColor: '#424242',
+        backgroundColor: '#f5f5dc',
+        textColor: '#8b4513',
+        borderColor: '#daa520',
+        shadowColor: 'rgba(218, 165, 32, 0.3)',
+        closeButtonColor: '#cd853f',
+        copyButtonColor: '#cd853f',
+        titleColor: '#8b4513',
       },
     },
-    'blooming-gardens': {
+    'blooming gardens': {
       name: 'Blooming Gardens',
       colors: {
-        backgroundColor: '#f3e5f5',
-        textColor: '#4a148c',
-        borderColor: '#ce93d8',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#9c27b0',
-        copyButtonColor: '#9c27b0',
-        titleColor: '#4a148c',
+        backgroundColor: '#f0fff0',
+        textColor: '#228b22',
+        borderColor: '#32cd32',
+        shadowColor: 'rgba(50, 205, 50, 0.2)',
+        closeButtonColor: '#006400',
+        copyButtonColor: '#006400',
+        titleColor: '#228b22',
       },
     },
-    'starry-night-skies': {
+    'starry night skies': {
       name: 'Starry Night Skies',
       colors: {
-        backgroundColor: '#0d1b2a',
-        textColor: '#f8f9fa',
-        borderColor: '#1b263b',
-        shadowColor: 'rgba(0, 0, 0, 0.4)',
-        closeButtonColor: '#778da9',
-        copyButtonColor: '#778da9',
-        titleColor: '#f8f9fa',
+        backgroundColor: '#191970',
+        textColor: '#f0f8ff',
+        borderColor: '#4169e1',
+        shadowColor: 'rgba(65, 105, 225, 0.4)',
+        closeButtonColor: '#add8e6',
+        copyButtonColor: '#add8e6',
+        titleColor: '#ffffff',
       },
     },
-    'tranquil-lakes': {
+    'tranquil lakes': {
       name: 'Tranquil Lakes',
       colors: {
-        backgroundColor: '#e3f2fd',
-        textColor: '#0d47a1',
-        borderColor: '#90caf9',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#1976d2',
-        copyButtonColor: '#1976d2',
-        titleColor: '#0d47a1',
+        backgroundColor: '#e0f6ff',
+        textColor: '#2f4f4f',
+        borderColor: '#4682b4',
+        shadowColor: 'rgba(70, 130, 180, 0.2)',
+        closeButtonColor: '#5f9ea0',
+        copyButtonColor: '#5f9ea0',
+        titleColor: '#2f4f4f',
       },
     },
-    'cosmic-nebulas': {
+    'cosmic nebulas': {
       name: 'Cosmic Nebulas',
       colors: {
-        backgroundColor: '#2d1b69',
-        textColor: '#e8eaf6',
-        borderColor: '#5e35b1',
-        shadowColor: 'rgba(0, 0, 0, 0.3)',
-        closeButtonColor: '#ba68c8',
-        copyButtonColor: '#ba68c8',
-        titleColor: '#e8eaf6',
+        backgroundColor: '#2f1b3d',
+        textColor: '#dda0dd',
+        borderColor: '#9370db',
+        shadowColor: 'rgba(147, 112, 219, 0.5)',
+        closeButtonColor: '#ba55d3',
+        copyButtonColor: '#ba55d3',
+        titleColor: '#ff69b4',
       },
     },
-    'golden-autumns': {
+    'golden autumns': {
       name: 'Golden Autumns',
       colors: {
-        backgroundColor: '#fff3e0',
-        textColor: '#e65100',
-        borderColor: '#ffcc02',
-        shadowColor: 'rgba(0, 0, 0, 0.15)',
-        closeButtonColor: '#f57c00',
-        copyButtonColor: '#f57c00',
-        titleColor: '#e65100',
+        backgroundColor: '#fff8dc',
+        textColor: '#8b4513',
+        borderColor: '#daa520',
+        shadowColor: 'rgba(218, 165, 32, 0.3)',
+        closeButtonColor: '#cd853f',
+        copyButtonColor: '#cd853f',
+        titleColor: '#8b4513',
       },
     },
-    'crystal-waterfalls': {
+    'crystal waterfalls': {
       name: 'Crystal Waterfalls',
       colors: {
-        backgroundColor: '#e1f5fe',
-        textColor: '#01579b',
-        borderColor: '#81d4fa',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#0288d1',
-        copyButtonColor: '#0288d1',
-        titleColor: '#01579b',
+        backgroundColor: '#f0f8ff',
+        textColor: '#4682b4',
+        borderColor: '#87ceeb',
+        shadowColor: 'rgba(135, 206, 235, 0.3)',
+        closeButtonColor: '#00ced1',
+        copyButtonColor: '#00ced1',
+        titleColor: '#4682b4',
       },
     },
-    'ancient-ruins': {
+    'ancient ruins': {
       name: 'Ancient Ruins',
       colors: {
-        backgroundColor: '#efebe9',
-        textColor: '#3e2723',
-        borderColor: '#a1887f',
-        shadowColor: 'rgba(0, 0, 0, 0.2)',
-        closeButtonColor: '#6d4c41',
-        copyButtonColor: '#6d4c41',
-        titleColor: '#3e2723',
+        backgroundColor: '#f5f5dc',
+        textColor: '#696969',
+        borderColor: '#a0522d',
+        shadowColor: 'rgba(160, 82, 45, 0.3)',
+        closeButtonColor: '#8b4513',
+        copyButtonColor: '#8b4513',
+        titleColor: '#696969',
       },
     },
-    'floating-islands': {
+    'floating islands': {
       name: 'Floating Islands',
       colors: {
-        backgroundColor: '#f1f8e9',
-        textColor: '#33691e',
-        borderColor: '#aed581',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#689f38',
-        copyButtonColor: '#689f38',
-        titleColor: '#33691e',
+        backgroundColor: '#e6e6fa',
+        textColor: '#4b0082',
+        borderColor: '#9370db',
+        shadowColor: 'rgba(147, 112, 219, 0.3)',
+        closeButtonColor: '#6a5acd',
+        copyButtonColor: '#6a5acd',
+        titleColor: '#4b0082',
       },
     },
-    'radiant-auroras': {
+    'radiant auroras': {
       name: 'Radiant Auroras',
       colors: {
-        backgroundColor: '#e8f5e8',
-        textColor: '#1b5e20',
-        borderColor: '#4caf50',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#388e3c',
-        copyButtonColor: '#388e3c',
-        titleColor: '#1b5e20',
+        backgroundColor: '#0a0a23',
+        textColor: '#00ff7f',
+        borderColor: '#00ffff',
+        shadowColor: 'rgba(0, 255, 127, 0.4)',
+        closeButtonColor: '#32cd32',
+        copyButtonColor: '#32cd32',
+        titleColor: '#00ff7f',
       },
     },
-    'lush-jungles': {
+    'lush jungles': {
       name: 'Lush Jungles',
       colors: {
-        backgroundColor: '#e8f5e8',
-        textColor: '#1b5e20',
-        borderColor: '#66bb6a',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#43a047',
-        copyButtonColor: '#43a047',
-        titleColor: '#1b5e20',
+        backgroundColor: '#228b22',
+        textColor: '#f0fff0',
+        borderColor: '#32cd32',
+        shadowColor: 'rgba(50, 205, 50, 0.4)',
+        closeButtonColor: '#90ee90',
+        copyButtonColor: '#90ee90',
+        titleColor: '#f0fff0',
       },
     },
-    'snowy-mountains': {
+    'snowy mountains': {
       name: 'Snowy Mountains',
       colors: {
-        backgroundColor: '#fafafa',
-        textColor: '#424242',
-        borderColor: '#e0e0e0',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#757575',
-        copyButtonColor: '#757575',
-        titleColor: '#424242',
+        backgroundColor: '#ffffff',
+        textColor: '#4682b4',
+        borderColor: '#b0c4de',
+        shadowColor: 'rgba(176, 196, 222, 0.3)',
+        closeButtonColor: '#778899',
+        copyButtonColor: '#778899',
+        titleColor: '#4682b4',
       },
     },
-    'dreamy-cloudscapes': {
+    'dreamy cloudscapes': {
       name: 'Dreamy Cloudscapes',
       colors: {
-        backgroundColor: '#f5f5f5',
-        textColor: '#616161',
-        borderColor: '#bdbdbd',
-        shadowColor: 'rgba(0, 0, 0, 0.1)',
-        closeButtonColor: '#9e9e9e',
-        copyButtonColor: '#9e9e9e',
-        titleColor: '#616161',
+        backgroundColor: '#f0f8ff',
+        textColor: '#708090',
+        borderColor: '#b0c4de',
+        shadowColor: 'rgba(176, 196, 222, 0.2)',
+        closeButtonColor: '#87ceeb',
+        copyButtonColor: '#87ceeb',
+        titleColor: '#708090',
       },
     },
   };
