Improvements to favicons

- Fix broken favicon file names and colors
- Add setting for custom favicon path

_build/config.json

@@ -3,7 +3,7 @@
     "lowCaseName": "romanesco",
     "description": "Romanesco is an engineering toolkit that combines the atomic design philosophy with MODX templating.",
     "author": "Hugo Peek",
-    "version": "0.16.3",
+    "version": "0.16.4",
     "package": {
         "elements": {
             "categories": [
@@ -5040,6 +5040,12 @@
                 "type": "textfield",
                 "area": "Pages"
             },
+            {
+                "key": "favicon_path",
+                "type": "textfield",
+                "area": "Presentation",
+                "value": "assets/favicons"
+            },
             {
                 "key": "favicon_version",
                 "type": "textfield",

_build/src/00_electrons/presentation.json

@@ -54,6 +54,11 @@
 
         "systemSettings": [
             {
+                "key": "favicon_path",
+                "type": "textfield",
+                "area": "Presentation",
+                "value": "assets/favicons"
+            },{
                 "key": "favicon_version",
                 "type": "textfield",
                 "area": "Presentation"

core/components/romanesco/docs/changelog.md

@@ -5,6 +5,8 @@ Released on ...
 
 Fixes and improvements:
 - Refactor main accordion menu
+- Fix broken favicon file names and colors
+- Add setting for custom favicon path
 - Add option to activate FormSource in FormBlocks reports
 - Add ability to change custom CSS path (per context, if needed)
 - Create absolute path for CSS backgrounds that won't be thumbnailed

core/components/romanesco/elements/chunks/01_atoms/a_presentation/favicons.chunk.tpl

@@ -1,9 +1,10 @@
-<link rel="apple-touch-icon" sizes="180x180" href="assets/favicons/apple-touch-icon.png?v=[[++romanesco.favicon_version]]">
-<link rel="icon" type="image/png" sizes="32x32" href="assets/favicons/favicon-32x32.png?v=[[++romanesco.favicon_version]]">
-<link rel="icon" type="image/png" sizes="16x16" href="assets/favicons/favicon-16x16.png?v=[[++romanesco.favicon_version]]">
-<link rel="manifest" href="assets/favicons/site.webmanifest?v=[[++romanesco.favicon_version]]">
-<link rel="mask-icon" href="assets/favicons/safari-pinned-tab.svg?v=[[++romanesco.favicon_version]]" color="[[++favicon_theme_color:empty=`[[++theme_color_primary]]`]]">
-<link rel="shortcut icon" href="assets/favicons/favicon.ico?v=[[++romanesco.favicon_version]]">
-<meta name="theme-color" content="[[++favicon_theme_color:empty=`[[++theme_color_primary]]`]]">
+<link rel="apple-touch-icon" sizes="180x180" href="[[++romanesco.favicon_path]]/apple-touch-icon.png?v=[[++romanesco.favicon_version]]">
+<link rel="icon" type="image/png" sizes="32x32" href="[[++romanesco.favicon_path]]/favicon-32x32.png?v=[[++romanesco.favicon_version]]">
+<link rel="icon" type="image/png" sizes="16x16" href="[[++romanesco.favicon_path]]/favicon-16x16.png?v=[[++romanesco.favicon_version]]">
+<link rel="manifest" href="[[++romanesco.favicon_path]]/site.webmanifest?v=[[++romanesco.favicon_version]]">
+<link rel="mask-icon" href="[[++romanesco.favicon_path]]/safari-pinned-tab.svg?v=[[++romanesco.favicon_version]]" color="#[[++favicon_theme_color:empty=`[[++theme_color_primary]]`]]">
+<link rel="shortcut icon" href="[[++romanesco.favicon_path]]/favicon.ico?v=[[++romanesco.favicon_version]]">
+<meta name="theme-color" content="#[[++favicon_theme_color:empty=`[[++theme_color_primary]]`]]">
+<meta name="msapplication-TileColor" content="#[[++favicon_tile_color:empty=`[[++theme_color_primary]]`]]">
 <meta name="apple-mobile-web-app-title" content="[[++favicon_app_title:empty=`[[++site_name]]`]]">
 <meta name="application-name" content="[[++favicon_app_title:empty=`[[++site_name]]`]]">