set html theme-color to match the webmanifest (#3332)

actualbudget · Sep 7, 2024 · c466189 · c466189
1 parent b856c48
commit c466189
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 25 deletions.
diff --git a/packages/desktop-client/index.html b/packages/desktop-client/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -9,26 +9,16 @@
     <title>Actual</title>
     <link rel="canonical" href="/" />
     <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="/apple-touch-icon.png"
+      rel="manifest"
+      href="/site.webmanifest"
+      crossorigin="use-credentials"
     />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="/favicon-16x16.png"
-    />
-    <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"/>
-    <meta name="msapplication-TileColor" content="#da532c" />
-    <meta name="theme-color" content="#ffffff" />
+    <meta name="msapplication-TileColor" content="#8812E1" />
+    <meta name="theme-color" content="#8812E1" />
 
     <style type="text/css">
       html,
@@ -42,9 +32,21 @@
       body,
       button,
       input {
-        font-family: 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-          'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
-          'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+        font-family:
+          'Inter var',
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          'Roboto',
+          'Oxygen',
+          'Ubuntu',
+          'Cantarell',
+          'Fira Sans',
+          'Droid Sans',
+          'Helvetica Neue',
+          'Helvetica',
+          'Arial',
+          sans-serif;
       }
 
       a {
@@ -66,9 +68,21 @@
       input,
       textarea {
         font-size: 1em;
-        font-family: 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI',
-          'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
-          'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
+        font-family:
+          'Inter var',
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          'Roboto',
+          'Oxygen',
+          'Ubuntu',
+          'Cantarell',
+          'Fira Sans',
+          'Droid Sans',
+          'Helvetica Neue',
+          'Helvetica',
+          'Arial',
+          sans-serif;
       }
 
       html,

diff --git a/upcoming-release-notes/3332.md b/upcoming-release-notes/3332.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [tim-smart]
+---
+
+Set html theme-color meta tag to match the webmanifest theme_color.