diff --git a/sostituzioni/view/static/scripts/gestione_impostazioni/base.js b/sostituzioni/view/static/scripts/gestione_impostazioni/base.js
index e69de29..fcdd723 100644
--- 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
index 50dcc27..bd6f546 100644
--- 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
index 6bd65d9..b913866 100644
--- a/sostituzioni/view/templates/gestione_impostazioni/base.html
+++ b/sostituzioni/view/templates/gestione_impostazioni/base.html
@@ -3,7 +3,7 @@
-
+
{% block title %}{% endblock %}
@@ -61,7 +61,7 @@
},
],
})" defer>
-
+
{% block scripts %}
{% endblock %}
diff --git a/sostituzioni/view/templates/impostazioni.html b/sostituzioni/view/templates/impostazioni.html
index 25f615f..94d00e3 100644
--- a/sostituzioni/view/templates/impostazioni.html
+++ b/sostituzioni/view/templates/impostazioni.html
@@ -12,7 +12,7 @@
-
+
Impostazioni