Updated colors throughout the app

README.md

@@ -5,9 +5,9 @@
 
 Hybrid native + web app for [Plausible Analytics](https://plausible.io).
 
-![Screenshot](data/screenshots/sites-light.png)      | ![Screenshot](data/screenshots/dashboard-dark.png)
----------------------------------------------------- | -----------------------------------------------------
-![Screenshot](data/screenshots/extra/about-dark.png) | ![Screenshot](data/screenshots/extra/domain-light.png) ![Screenshot](data/screenshots/extra/logout-light.png)
+![Screenshot](data/screenshots/dashboard-light.png) | ![Screenshot](data/screenshots/dashboard-dark.png)
+--------------------------------------------------- | --------------------------------------------------
+![Screenshot](data/screenshots/sites-dark.png)      | ![Screenshot](data/screenshots/sites-light.png)
 
 Plausible is the simple privacy-friendly alternative to Google Analytics. Tally wraps the Plausible web app in a native UI, integrating better with desktop operating systems. Native features include:
 
@@ -31,4 +31,3 @@ Other features include:
 I recommend using GNOME Builder with default settings to build the Flatpak.
 
 [flathub]: https://flathub.org/apps/details/com.cassidyjames.plausible
-

data/metainfo.xml

@@ -124,22 +124,16 @@
   </releases>
   <screenshots>
     <screenshot type="default">
-      <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/dashboard-dark.png</image>
-    </screenshot>
-    <screenshot>
       <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/dashboard-light.png</image>
     </screenshot>
     <screenshot>
-      <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/sites-dark.png</image>
+      <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/dashboard-dark.png</image>
     </screenshot>
     <screenshot>
       <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/sites-light.png</image>
     </screenshot>
     <screenshot>
-      <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/login-dark.png</image>
-    </screenshot>
-    <screenshot>
-      <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/login-light.png</image>
+      <image>https://raw.githubusercontent.com/cassidyjames/tally/3.0.1/data/screenshots/sites-dark.png</image>
     </screenshot>
   </screenshots>
   <content_rating type="oars-1.1">
@@ -152,7 +146,7 @@
   <url type="help">https://cassidyjames.com/support</url>
   <!--url type="contact">https://cassidyjames.com/support</url-->
   <branding>
-    <color type="primary" scheme_preference="light">#b5b3fe</color>
-    <color type="primary" scheme_preference="dark">#393499</color>
+    <color type="primary" scheme_preference="light">#9e99fe</color>
+    <color type="primary" scheme_preference="dark">#352f99</color>
   </branding>
 </component>

data/style-dark.css

@@ -1,3 +1,8 @@
-@define-color accent_color #9c95fd;
-@define-color window_bg_color #1a202c;
-@define-color dialog_bg_color #1f2937;
+@define-color accent_color #99A8FE;
+@define-color accent_alt_color @accent_color;
+
+@define-color headerbar_bg_color #1e293b;
+
+@define-color window_bg_color #1a202C;
+@define-color window_fg_color #f1f5f9;
+@define-color dialog_bg_color #1e293b;

data/style.css

@@ -1,14 +1,17 @@
-@define-color headerbar_bg_color #5850ec;
-@define-color headerbar_fg_color #fff;
-@define-color headerbar_border_color #fff;
-@define-color headerbar_backdrop_color mix(@headerbar_bg_color, @window_bg_color, 0.2);
+@define-color accent_color #4f46e5;
+@define-color accent_alt_color #1f2961;
 
-@define-color accent_color @headerbar_bg_color;
+@define-color headerbar_bg_color #f4f5fc;
+@define-color headerbar_fg_color @accent_color;
+@define-color headerbar_border_color @headerbar_fg_color;
+@define-color headerbar_backdrop_color mix(@headerbar_bg_color, @window_bg_color, 0.2);
 
-@define-color window_bg_color #f9fafb;
+@define-color window_bg_color #f8fafc;
+@define-color window_fg_color #0f172a;
 @define-color dialog_bg_color #fff;
 @define-color popover_bg_color @dialog_bg_color;
 
 .loading {
-  background-color: @dialog_bg_color;
+  background-color: @headerbar_bg_color;
+  color: @accent_alt_color;
 }