From c46618900752daf4efbefaf4d3b5abd7e71e3e6d Mon Sep 17 00:00:00 2001 From: Tim <hello@timsmart.co> Date: Sun, 8 Sep 2024 07:12:53 +1200 Subject: [PATCH] set html theme-color to match the webmanifest (#3332) --- packages/desktop-client/index.html | 64 ++++++++++++++++++------------ upcoming-release-notes/3332.md | 6 +++ 2 files changed, 45 insertions(+), 25 deletions(-) create mode 100644 upcoming-release-notes/3332.md diff --git a/packages/desktop-client/index.html b/packages/desktop-client/index.html index e136b97dc..b5455eb06 100644 --- 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 new file mode 100644 index 000000000..2de2dd0e8 --- /dev/null +++ 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. -- GitLab