Merge pull request #2866 from locustio/fix-light-theme-favicon

Add favicon that looks good in light color theme
locustio · Aug 20, 2024 · d250ed3 · d250ed3
2 parents 5b1c268 + 6740762
commit d250ed3
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 4 deletions.
diff --git a/locust/webui/auth.html b/locust/webui/auth.html
@@ -2,7 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="/assets/favicon.png" />
+    <link rel="shortcut icon" href="/assets/favicon-light.png" media="(prefers-color-scheme: light)">
+    <link rel="shortcut icon" href="/assets/favicon-dark.png" media="(prefers-color-scheme: dark)">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
 

diff --git a/locust/webui/dev.html b/locust/webui/dev.html
@@ -3,7 +3,8 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="./assets/favicon.png" />
+    <link rel="shortcut icon" href="./assets/favicon-light.png" media="(prefers-color-scheme: light)">
+    <link rel="shortcut icon" href="./assets/favicon-dark.png" media="(prefers-color-scheme: dark)">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
 

diff --git a/locust/webui/index.html b/locust/webui/index.html
@@ -2,7 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="./assets/favicon.png" />
+    <link rel="shortcut icon" href="./assets/favicon-light.png" media="(prefers-color-scheme: light)">
+    <link rel="shortcut icon" href="./assets/favicon-dark.png" media="(prefers-color-scheme: dark)">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
 

diff --git a/locust/webui/public/assets/favicon-dark.png b/locust/webui/public/assets/favicon-dark.png
diff --git a/locust/webui/public/assets/favicon-light.png b/locust/webui/public/assets/favicon-light.png
diff --git a/locust/webui/public/assets/favicon.png b/locust/webui/public/assets/favicon.png
diff --git a/locust/webui/report.html b/locust/webui/report.html
@@ -3,7 +3,8 @@
   {% raw %}
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="../../assets/favicon.png" />
+    <link rel="shortcut icon" href="../../assets/favicon-light.png" media="(prefers-color-scheme: light)">
+    <link rel="shortcut icon" href="../../assets/favicon-dark.png" media="(prefers-color-scheme: dark)">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />