From 33fb84b4db3b55f48736a8c5733fe5842d5563bb Mon Sep 17 00:00:00 2001
From: CampaniaGuy <merolamma@gmail.com>
Date: Sat, 20 Dec 2025 10:23:50 +0100
Subject: [PATCH] Theme options enabled in settings (#575)

---
 frontend/src/components/settings/Appearance.vue | 2 +-
 frontend/src/pages/Compose.vue                  | 3 ---
 frontend/src/pages/DashboardHome.vue            | 3 +--
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/settings/Appearance.vue b/frontend/src/components/settings/Appearance.vue
index c974b6e..66cf986 100644
--- a/frontend/src/components/settings/Appearance.vue
+++ b/frontend/src/components/settings/Appearance.vue
@@ -14,7 +14,7 @@
                 </option>
             </select>
         </div>
-        <div v-show="false" class="my-4">
+        <div v-show="true" class="my-4">
             <label for="timezone" class="form-label">{{ $t("Theme") }}</label>
             <div>
                 <div
diff --git a/frontend/src/pages/Compose.vue b/frontend/src/pages/Compose.vue
index 7572a23..db66389 100644
--- a/frontend/src/pages/Compose.vue
+++ b/frontend/src/pages/Compose.vue
@@ -805,9 +805,6 @@ export default {
 .editor-box {
     font-family: 'JetBrains Mono', monospace;
     font-size: 14px;
-    &.edit-mode {
-        background-color: #2c2f38 !important;
-    }
 }
 
 .agent-name {
diff --git a/frontend/src/pages/DashboardHome.vue b/frontend/src/pages/DashboardHome.vue
index a6db753..3923663 100644
--- a/frontend/src/pages/DashboardHome.vue
+++ b/frontend/src/pages/DashboardHome.vue
@@ -29,7 +29,7 @@
                     <!-- Docker Run -->
                     <h2 class="mb-3">{{ $t("Docker Run") }}</h2>
                     <div class="mb-3">
-                        <textarea id="name" v-model="dockerRunCommand" type="text" class="form-control docker-run" required placeholder="docker run ..."></textarea>
+                        <textarea id="name" v-model="dockerRunCommand" type="text" class="form-control docker-run shadow-box" required placeholder="docker run ..."></textarea>
                     </div>
 
                     <button class="btn-normal btn mb-4" @click="convertDockerRun">{{ $t("Convert to Compose") }}</button>
@@ -326,7 +326,6 @@ table {
 }
 
 .docker-run {
-    background-color: $dark-bg !important;
     border: none;
     font-family: 'JetBrains Mono', monospace;
     font-size: 15px;