feat: themes

frontend/src/pages/ide.page.tsx

@@ -8,7 +8,10 @@ export const IDEPage = () => {
   const files: FileNode | undefined = location.state?.files;
 
   return (
-    <div className="absolute top-0 left-0 w-full h-full z-90">
+    <div
+      className="absolute top-0 left-0 w-full h-full z-90"
+      style={{ backgroundColor: "var(--bg-primary)" }}
+    >
       <IDE onBack={() => navigate("/templates")} initialFiles={files} />
     </div>
   );

frontend/src/pages/templates.page.tsx

@@ -118,6 +118,7 @@ export const TemplatesPage = () => {
       style={{
         height: "100vh",
         position: "relative",
+        backgroundColor: "var(--bg-primary)",
       }}
     >
       {/* Floating header */}
@@ -139,13 +140,13 @@ export const TemplatesPage = () => {
             alignItems: "center",
             gap: "8px",
             padding: "6px 12px",
-            backgroundColor: "#1a1a1a",
+            backgroundColor: "var(--card-bg)",
             borderRadius: "4px",
-            border: "1px solid #2a2a2a",
+            border: "1px solid var(--border)",
           }}
         >
           <FiPlay size={13} color="#61c454" />
-          <span style={{ fontSize: "12px", color: "#858585" }}>
+          <span style={{ fontSize: "12px", color: "var(--text-secondary)" }}>
             {selectedPaths.size} script{selectedPaths.size !== 1 ? "s" : ""}{" "}
             running
           </span>

frontend/src/pages/themes.page.tsx

@@ -1,9 +0,0 @@
-import { ThemeChanger } from "@/modules/theme-changer";
-
-export const ThemesPage = () => {
-  return (
-    <div>
-      <ThemeChanger label="Выбор тем приложения" />
-    </div>
-  );
-};