New themes + performance optimizations #13

OlegWock · Mar 9, 2023 · b066add · b066add
1 parent 14b12a4
commit b066add
Show file tree

Hide file tree

Showing 15 changed files with 19 additions and 5 deletions.
diff --git a/src/assets/images/backgrounds/forest-lake.jpg b/src/assets/images/backgrounds/forest-lake.jpg
diff --git a/src/assets/images/backgrounds/greenery.jpg b/src/assets/images/backgrounds/greenery.jpg
diff --git a/src/assets/images/backgrounds/highlands.jpg b/src/assets/images/backgrounds/highlands.jpg
diff --git a/src/assets/images/backgrounds/maple.jpg b/src/assets/images/backgrounds/maple.jpg
diff --git a/src/assets/images/backgrounds/mountains.jpg b/src/assets/images/backgrounds/mountains.jpg
diff --git a/src/assets/images/backgrounds/neon.jpg b/src/assets/images/backgrounds/neon.jpg
diff --git a/src/assets/images/backgrounds/previews/highlands.jpg b/src/assets/images/backgrounds/previews/highlands.jpg
diff --git a/src/assets/images/backgrounds/previews/maple.jpg b/src/assets/images/backgrounds/previews/maple.jpg
diff --git a/src/assets/images/backgrounds/sakura.jpg b/src/assets/images/backgrounds/sakura.jpg
diff --git a/src/assets/images/backgrounds/sunflowers.jpg b/src/assets/images/backgrounds/sunflowers.jpg
diff --git a/src/assets/images/backgrounds/table.jpg b/src/assets/images/backgrounds/table.jpg
diff --git a/src/components/WhatsNew.tsx b/src/components/WhatsNew.tsx
@@ -7,6 +7,7 @@ export const WhatsNew = () => {
             <h2>1.2.0</h2>
             <ul>
                 <li>Added new weather widget! Give it a try, it can display both current weather in selected city and weather forecast</li>
+                <li>Added two new themes</li>
                 <li>We got rid of a few internal libraries and adjusted compilation settings, so extension files now take less space. This should make loading extension slightly faster (around 10%)</li>
                 <li>Added 'Show animation on open' option to settings</li>
             </ul>

diff --git a/src/pages/newtab/components/NewWidgetWizard.scss b/src/pages/newtab/components/NewWidgetWizard.scss
@@ -29,8 +29,6 @@
                     align-items: flex-start;
                     gap: 12px;
                     padding: 12px;
-                    backdrop-filter: blur(10px);
-                    -webkit-backdrop-filter: blur(10px);
                     border-radius: 16px;
 
                     .WidgetCard {

diff --git a/src/pages/newtab/styles.scss b/src/pages/newtab/styles.scss
@@ -38,9 +38,6 @@ body {
         height: 100vh;
         top: 0;
         left: 0;
-        // backdrop-filter: blur(50px);
-        backdrop-filter: blur(15px);
-        -webkit-backdrop-filter: blur(15px);
         background-image: radial-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 100%);
         background-size: 30px 30px;
     }

diff --git a/src/utils/user-data/theme.ts b/src/utils/user-data/theme.ts
@@ -70,6 +70,24 @@ export const themes: Theme[] = [
             background: fromHsl(25, 9.5, 24.7),
         }
     },
+    {
+        name: 'Maples',
+        background: 'maple.jpg',
+        colors: {
+            accent: fromHsl(9, 69, 46),
+            text: fromHsl(0, 0, 100),
+            background: fromHsl(2, 35, 17),
+        }
+    },
+    {
+        name: 'Highlands',
+        background: 'highlands.jpg',
+        colors: {
+            accent: fromHsl(40, 98, 47),
+            text: fromHsl(0, 0, 100),
+            background: fromHsl(31, 39, 25),
+        }
+    },
 ];
 
 export const defaultTheme = themes[0].name;