Merge pull request #6738 from stokito/svg_favicon

SVG favicon

11 files changed, 10 insertions, 12 deletions

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/favicon.png b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/favicon.png
deleted file mode 100644
index 90adf2f94f..0000000000
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/favicon.png
+++ /dev/null
diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/logo.svg b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/logo.svg
new file mode 100644
index 0000000000..c7a445e93d
--- /dev/null
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-9 -1 100 100"><path d="m -9 -1h100v100h-100z" fill="#00B5E2"/><path d="m40.5 50.8a6.6 6.6 0 1 0 0 13.2 6.6 6.6 0 0 0 0-13.2m-40.5-33.9 7 6.8a47.5 47.5 0 0 1 67.2 0l7-6.8a57.2 57.2 0 0 0-81.2 0" fill="#fff"/><path d="m12.5 29.2 6.8 7a30 30 0 0 1 42.6 0l6.8-7a39.7 39.7 0 0 0-56.3 0" fill="#fff"/><path d="m24.8 41.6 6.8 6.9a12.6 12.6 0 0 1 18 0l6.8-6.9a22.3 22.3 0 0 0-31.6 0" fill="#fff"/><path d="m64.9 39.7a30.2 30.2 0 1 1-48.7 0l-6.9-7a39.9 39.9 0 1 0 62.5 0z" fill="#002B49"/></svg>
\ No newline at end of file
diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/logo_48.png b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/logo_48.png
new file mode 100644
index 0000000000..6fb1f75a40
--- /dev/null
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/logo_48.png
diff --git a/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/header.ut b/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/header.ut
index b7bc770b4b..a6d2936a5f 100644
--- a/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/header.ut
+++ b/themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/header.ut
@@ -32,7 +32,8 @@
 		<meta name="viewport" content="initial-scale=1.0">
 		<link rel="stylesheet" href="{{ media }}/cascade.css">
 		<link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="{{ media }}/mobile.css" type="text/css" />
-		<link rel="shortcut icon" href="{{ media }}/favicon.png">
+		<link rel="icon" href="{{ media }}/logo_48.png" sizes="48x48">
+		<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
 		{% if (node?.css): %}
 		<link rel="stylesheet" href="{{ resource }}/{{ node.css }}">
 		{% endif %}
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/favicon.ico b/themes/luci-theme-material/htdocs/luci-static/material/favicon.ico
deleted file mode 100644
index 72c311555f..0000000000
--- a/themes/luci-theme-material/htdocs/luci-static/material/favicon.ico
+++ /dev/null
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/logo.svg b/themes/luci-theme-material/htdocs/luci-static/material/logo.svg
new file mode 100644
index 0000000000..c7a445e93d
--- /dev/null
+++ b/themes/luci-theme-material/htdocs/luci-static/material/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-9 -1 100 100"><path d="m -9 -1h100v100h-100z" fill="#00B5E2"/><path d="m40.5 50.8a6.6 6.6 0 1 0 0 13.2 6.6 6.6 0 0 0 0-13.2m-40.5-33.9 7 6.8a47.5 47.5 0 0 1 67.2 0l7-6.8a57.2 57.2 0 0 0-81.2 0" fill="#fff"/><path d="m12.5 29.2 6.8 7a30 30 0 0 1 42.6 0l6.8-7a39.7 39.7 0 0 0-56.3 0" fill="#fff"/><path d="m24.8 41.6 6.8 6.9a12.6 12.6 0 0 1 18 0l6.8-6.9a22.3 22.3 0 0 0-31.6 0" fill="#fff"/><path d="m64.9 39.7a30.2 30.2 0 1 1-48.7 0l-6.9-7a39.9 39.9 0 1 0 62.5 0z" fill="#002B49"/></svg>
\ No newline at end of file
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/logo_48.png b/themes/luci-theme-material/htdocs/luci-static/material/logo_48.png
new file mode 100644
index 0000000000..6fb1f75a40
--- /dev/null
+++ b/themes/luci-theme-material/htdocs/luci-static/material/logo_48.png
diff --git a/themes/luci-theme-material/ucode/template/themes/material/header.ut b/themes/luci-theme-material/ucode/template/themes/material/header.ut
index ed6a637978..4a7e4cb8f1 100644
--- a/themes/luci-theme-material/ucode/template/themes/material/header.ut
+++ b/themes/luci-theme-material/ucode/template/themes/material/header.ut
@@ -40,7 +40,8 @@
 <meta name="application-name" content="{{ hostname }} - LuCI">
 <meta name="apple-mobile-web-app-title" content="{{ hostname }} - LuCI">
 <link rel="stylesheet" href="{{ media }}/cascade.css">
-<link rel="shortcut icon" href="{{ media }}/favicon.ico">
+<link rel="icon" href="{{ media }}/logo_48.png" sizes="48x48">
+<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
 {% if (node?.css): %}
 <link rel="stylesheet" href="{{ resource }}/{{ node.css }}">
 {% endif %}
diff --git a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
index bf7a7a391d..4853ea7497 100644
--- a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
+++ b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
@@ -1,5 +1,5 @@
 :root {
-	--main-bright-color: #00A3E1;
+	--main-bright-color: #00B5E2;
 	--main-dark-color: #002B49;
 	--secondary-bright-color: #FFFFFF;
 	--secondary-dark-color: #212322;
diff --git a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/logo.svg b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/logo.svg
index 6060221844..c7a445e93d 100644
--- a/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/logo.svg
+++ b/themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/logo.svg
@@ -1,7 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81 98">
-  <path d="m 40.5,50.8 a 6.6,6.6 0 1 0 0,13.2 6.6,6.6 0 0 0 0,-13.2 m -40.5,-33.9 7,6.8 a 47.5,47.5 0 0 1 67.2,0 l 7,-6.8 a 57.2,57.2 0 0 0 -81.2,0" style="fill:#fff" />
-  <path d="m 12.5,29.2 6.8,7 a 30,30 0 0 1 42.6,0 l 6.8,-7 a 39.7,39.7 0 0 0 -56.3,0" style="fill:#fff" />
-  <path d="m 24.8,41.6 6.8,6.9 a 12.6,12.6 0 0 1 18,0 l 6.8,-6.9 a 22.3,22.3 0 0 0 -31.6,0" style="fill:#fff" />
-  <path d="m 64.9,39.7 a 30.2,30.2 0 1 1 -48.7,0 l -6.9,-7 a 39.9,39.9 0 1 0 62.5,0 z" style="fill:#072342" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-9 -1 100 100"><path d="m -9 -1h100v100h-100z" fill="#00B5E2"/><path d="m40.5 50.8a6.6 6.6 0 1 0 0 13.2 6.6 6.6 0 0 0 0-13.2m-40.5-33.9 7 6.8a47.5 47.5 0 0 1 67.2 0l7-6.8a57.2 57.2 0 0 0-81.2 0" fill="#fff"/><path d="m12.5 29.2 6.8 7a30 30 0 0 1 42.6 0l6.8-7a39.7 39.7 0 0 0-56.3 0" fill="#fff"/><path d="m24.8 41.6 6.8 6.9a12.6 12.6 0 0 1 18 0l6.8-6.9a22.3 22.3 0 0 0-31.6 0" fill="#fff"/><path d="m64.9 39.7a30.2 30.2 0 1 1-48.7 0l-6.9-7a39.9 39.9 0 1 0 62.5 0z" fill="#002B49"/></svg>
\ No newline at end of file
diff --git a/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut b/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut
index 2b7c581387..3857bce723 100644
--- a/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut
+++ b/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut
@@ -19,8 +19,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <link rel="stylesheet" type="text/css" media="screen" href="{{ media }}/cascade.css" />
-<link rel="icon" href="{{ media }}/logo.svg" type="image/svg+xml" />
-<link rel="apple-touch-icon" href="{{ media }}/logo.png" />
+<link rel="icon" href="{{ media }}/logo.png" sizes="180x180">
+<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
 <script type="text/javascript" src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
 <script type="text/javascript" src="{{ resource }}/cbi.js"></script>
 <title>{{ striptags(`${boardinfo.hostname ?? '?'}${node ? ` - ${node.title}` : ''}`) }} - LuCI</title>