theme color update in settings page

nkoexe · Sep 28, 2024 · 1fb1c31 · 1fb1c31
1 parent 58c824f
commit 1fb1c31
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/sostituzioni/view/static/scripts/gestione_impostazioni/base.js b/sostituzioni/view/static/scripts/gestione_impostazioni/base.js
@@ -0,0 +1,2 @@
+// set theme color
+document.head.querySelector("meta[name=theme-color]").content = getComputedStyle(document.body).getPropertyValue('--color-accent')
diff --git a/sostituzioni/view/static/scripts/impostazioni.js b/sostituzioni/view/static/scripts/impostazioni.js
@@ -7,6 +7,9 @@ let modifiche = []
 
 let sezioni = document.getElementsByClassName('sezione-header');
 
+// set theme color
+document.head.querySelector("meta[name=theme-color]").content = getComputedStyle(document.body).getPropertyValue('--color-accent')
+
 for (let index = 0; index < sezioni.length; index++) {
   sezioni[index].addEventListener('click', () => {
     sezioni[index].classList.toggle('expanded');

diff --git a/sostituzioni/view/templates/gestione_impostazioni/base.html b/sostituzioni/view/templates/gestione_impostazioni/base.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="UTF-8" />
-  <!-- <meta name="theme-color" content="#C00F19" /> -->
+  <meta name="theme-color" content="#ffffff" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="view-transition" content="same-origin" />
   <title>{% block title %}{% endblock %}</title>
@@ -61,7 +61,7 @@ <h2 id="popup-conferma-titolo"></h2>
     },
   ],
 })" defer></script>
-  <!-- <script src="{{ url_for('static', filename='scripts/gestione_impostazioni/base.js') }}" defer></script> -->
+  <script src="{{ url_for('static', filename='scripts/gestione_impostazioni/base.js') }}"></script>
   {% block scripts %}
   {% endblock %}
 </body>

diff --git a/sostituzioni/view/templates/impostazioni.html b/sostituzioni/view/templates/impostazioni.html
@@ -12,7 +12,7 @@
 
 <head>
   <meta charset="UTF-8" />
-  <!-- <meta name="theme-color" content="#C00F19" /> -->
+  <meta name="theme-color" content="#ffffff" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta name="view-transition" content="same-origin" />
   <title>Impostazioni</title>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		// set theme color
		document.head.querySelector("meta[name=theme-color]").content = getComputedStyle(document.body).getPropertyValue('--color-accent')