diff --git a/app/static/js/nopaque.js b/app/static/js/nopaque.js
index 69e5682cc9ca644be5711cf5745e0c8744640a78..7677b06dafa8bb3c8b88a8a9a73d2d87de7d0c8b 100644
--- a/app/static/js/nopaque.js
+++ b/app/static/js/nopaque.js
@@ -201,7 +201,7 @@ nopaque.flash = function() {
}
-document.addEventListener("DOMContentLoaded", function() {
+document.addEventListener("DOMContentLoaded", () => {
// Disable all option elements with no value
for (let optionElement of document.querySelectorAll('option[value=""]')) {
optionElement.disabled = true;
diff --git a/app/templates/nopaque.html.j2 b/app/templates/nopaque.html.j2
index 29fc59ede7a79a647c2b9059dff586ec249c1367..baf314dbe6a25172e986449319f01f3d3ce4b8b5 100644
--- a/app/templates/nopaque.html.j2
+++ b/app/templates/nopaque.html.j2
@@ -44,17 +44,21 @@
{% endif %}
<script src="{{ url_for('static', filename='js/JSONPatch.js/jsonpatch.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/Dark_Reader/darkreader.js') }}"></script>
- {% if current_user.is_authenticated and current_user.setting_dark_mode %}
- <script>
- DarkReader.enable({"brightness": 150, "contrast": 100, "sepia": 0});
- </script>
- {% endif %}
<script src="{{ url_for('static', filename='js/List.js/list.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/Socket.IO/socket.io.slim.js') }}"></script>
<script src="{{ url_for('static', filename='js/nopaque.js') }}"></script>
<script src="{{ url_for('static', filename='js/nopaque.lists.js') }}"></script>
<script>
+ {% if current_user.is_authenticated %}
+ {% if current_user.setting_dark_mode %}
+ DarkReader.enable({"brightness": 150, "contrast": 100, "sepia": 0});
+ {% endif %}
+ document.addEventListener("DOMContentLoaded", () => {
+ nopaque.socket.init();
+ nopaque.socket.emit("user_data_stream_init");
+ });
nopaque.flashedMessages = {{ get_flashed_messages(with_categories=True)|tojson }};
+ {% endif %}
</script>
</head>
<body>
@@ -235,13 +239,5 @@
-->
<script src="{{ url_for('static', filename='js/Materialize/materialize.min.js') }}"></script>
- <script>
- document.addEventListener("DOMContentLoaded", function() {
- {% if current_user.is_authenticated %}
- nopaque.socket.init();
- nopaque.socket.emit("user_data_stream_init");
- {% endif %}
- });
- </script>
</body>
</html>