diff --git a/templates/view_export.html b/templates/view_export.html
index 1eb742d..e5f285c 100644
--- a/templates/view_export.html
+++ b/templates/view_export.html
@@ -4,27 +4,32 @@
   <h2>Podgląd eksportu: {{ backup.file_path|basename }}</h2>
   <hr>
   <textarea id="exportEditor" readonly>{{ content|e }}</textarea>
+  <br>
   <a href="{{ next_url }}" class="btn btn-secondary">Powrót</a>
 </div>
 
 <!-- CodeMirror CSS -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.css">
+{% if session.get('dark_mode', True) %}
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/theme/darcula.min.css">
+{% else %}
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/theme/neo.min.css">
+{% endif %}
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.css">
+
 <!-- CodeMirror JS -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/codemirror.min.js"></script>
-<!-- Dodajemy tryb dla plików shell, który dobrze radzi sobie z konfiguracjami RouterOS -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.5/mode/shell/shell.min.js"></script>
 
 <script>
   document.addEventListener("DOMContentLoaded", function() {
     var editor = CodeMirror.fromTextArea(document.getElementById("exportEditor"), {
       mode: "text/x-sh",
-      theme: "neo",
+      theme: "{{ 'darcula' if session.get('dark_mode', True) else 'neo' }}",
       lineNumbers: true,
       readOnly: true
     });
     // Dopasowanie rozmiaru edytora do zawartości
-    editor.setSize("100%", "800px");
+    editor.setSize("100%", "588px");
   });
 </script>
 {% endblock %}