From 080691643d0a720addf21536ba84e07a9d2d4d9e Mon Sep 17 00:00:00 2001
From: itsrubberduck <frappes_remoter.2e@icloud.com>
Date: Fri, 10 Jul 2026 07:46:52 +0200
Subject: [PATCH] light mdoe fix

---
 app/components/HoldSelect.vue |  1 +
 app/pages/pm.vue              | 72 ++++++++++++++++++++++++-----------
 2 files changed, 51 insertions(+), 22 deletions(-)

diff --git a/app/components/HoldSelect.vue b/app/components/HoldSelect.vue
index 5694835..a7aaaae 100644
--- a/app/components/HoldSelect.vue
+++ b/app/components/HoldSelect.vue
@@ -221,6 +221,7 @@ onBeforeUnmount(() => {
           :class="[{ 'is-dense': dense }, menuClass]"
           :style="menuStyle"
       >
+        <slot name="header" :close="closeMenu" />
         <p v-if="title" class="hs-title">{{ title }}</p>
         <div
             v-for="(opt, i) in options"
diff --git a/app/pages/pm.vue b/app/pages/pm.vue
index fce546b..92483d7 100644
--- a/app/pages/pm.vue
+++ b/app/pages/pm.vue
@@ -413,8 +413,8 @@
                       </template>
                     </v-tooltip>
                   </template>
-                  <template #footer="{ close }">
-                    <form class="freq-manual" @submit.prevent="applyManualFrequency('standby', close)">
+                  <template #header="{ close }">
+                    <form class="freq-manual freq-manual--header" @submit.prevent="applyManualFrequency('standby', close)">
                       <input
                           v-model="manualFreqStandby"
                           class="freq-manual-input"
@@ -457,8 +457,8 @@
                       </template>
                     </v-tooltip>
                   </template>
-                  <template #footer="{ close }">
-                    <form class="freq-manual" @submit.prevent="applyManualFrequency('active', close)">
+                  <template #header="{ close }">
+                    <form class="freq-manual freq-manual--header" @submit.prevent="applyManualFrequency('active', close)">
                       <input
                           v-model="manualFreqActive"
                           class="freq-manual-input"
@@ -1095,8 +1095,8 @@
       </Transition>
 
       <!-- Flight info sheet (opened via hud-context click) -->
-      <v-dialog v-model="showFlightSheet" max-width="520">
-        <v-card class="bg-[#0b101d] border border-white/10 text-white">
+      <v-dialog v-model="showFlightSheet" max-width="520" :content-class="pmTheme === 'light' ? 'pm-dialog-light' : ''">
+        <v-card :class="pmTheme === 'light' ? 'bg-white border border-black/10 text-[#0f1420]' : 'bg-[#0b101d] border border-white/10 text-white'">
           <v-card-title class="flex items-center justify-between gap-2 text-base font-semibold">
             <div class="flex items-center gap-2">
               <v-icon icon="mdi-airplane" size="20" color="cyan" />
@@ -1179,8 +1179,8 @@
       </v-dialog>
 
       <!-- Settings sheet (opened via Settings button in HUD) -->
-      <v-dialog v-model="showSettingsSheet" max-width="560">
-        <v-card class="bg-[#0b101d] border border-white/10 text-white">
+      <v-dialog v-model="showSettingsSheet" max-width="560" :content-class="pmTheme === 'light' ? 'pm-dialog-light' : ''">
+        <v-card :class="pmTheme === 'light' ? 'bg-white border border-black/10 text-[#0f1420]' : 'bg-[#0b101d] border border-white/10 text-white'">
           <v-card-title class="flex items-center justify-between gap-2 text-base font-semibold">
             <div class="flex items-center gap-2">
               <v-icon icon="mdi-cog" size="20" color="cyan" />
@@ -1309,8 +1309,8 @@
       </v-dialog>
 
       <!-- Bug Report Dialog -->
-      <v-dialog v-model="showBugReportDialog" max-width="680" scrollable>
-        <v-card class="bg-[#0b101d] border border-white/10 text-white">
+      <v-dialog v-model="showBugReportDialog" max-width="680" scrollable :content-class="pmTheme === 'light' ? 'pm-dialog-light' : ''">
+        <v-card :class="pmTheme === 'light' ? 'bg-white border border-black/10 text-[#0f1420]' : 'bg-[#0b101d] border border-white/10 text-white'">
           <v-card-title class="flex items-center gap-2 text-base font-semibold pt-4 px-5">
             <v-icon icon="mdi-bug-outline" color="#f87171" size="20" />
             Fehler melden
@@ -1429,8 +1429,8 @@
       </v-dialog>
 
       <!-- Transmission issue dialog -->
-      <v-dialog v-model="showTransmissionIssueDialog" max-width="420">
-        <v-card class="bg-[#0b101d] border border-white/10 text-white">
+      <v-dialog v-model="showTransmissionIssueDialog" max-width="420" :content-class="pmTheme === 'light' ? 'pm-dialog-light' : ''">
+        <v-card :class="pmTheme === 'light' ? 'bg-white border border-black/10 text-[#0f1420]' : 'bg-[#0b101d] border border-white/10 text-white'">
           <v-card-title class="flex items-center gap-2 text-base font-semibold">
             <v-icon icon="mdi-alert-circle-outline" color="#f87171" size="20" />
             Mark transmission as faulty
@@ -1468,8 +1468,8 @@
       </v-dialog>
 
       <!-- Help / how-it-works overlay (first-run + reopenable via the ? button) -->
-      <v-dialog v-model="showHelp" max-width="560" scrollable>
-        <v-card class="bg-[#0b1220] text-white border border-white/10">
+      <v-dialog v-model="showHelp" max-width="560" scrollable :content-class="pmTheme === 'light' ? 'pm-dialog-light' : ''">
+        <v-card :class="pmTheme === 'light' ? 'bg-white text-[#0f1420] border border-black/10' : 'bg-[#0b1220] text-white border border-white/10'">
           <v-card-title class="d-flex align-center justify-space-between gap-2">
             <span class="text-base font-semibold">{{ helpContent.title }}</span>
             <v-btn size="small" variant="tonal" color="cyan" @click="toggleHelpLang">
@@ -5615,44 +5615,64 @@ onUnmounted(() => {
 .pm-page[data-theme="light"] .text-white,
 .pm-page[data-theme="light"] .text-white\/90,
 .pm-page[data-theme="light"] .text-white\/85,
-.pm-page[data-theme="light"] .text-white\/80 {
+.pm-page[data-theme="light"] .text-white\/80,
+.pm-dialog-light .text-white,
+.pm-dialog-light .text-white\/90,
+.pm-dialog-light .text-white\/85,
+.pm-dialog-light .text-white\/80 {
   color: #0f1420;
 }
 
 .pm-page[data-theme="light"] .text-white\/70,
 .pm-page[data-theme="light"] .text-white\/65,
-.pm-page[data-theme="light"] .text-white\/60 {
+.pm-page[data-theme="light"] .text-white\/60,
+.pm-dialog-light .text-white\/70,
+.pm-dialog-light .text-white\/65,
+.pm-dialog-light .text-white\/60 {
   color: rgba(15, 20, 32, 0.75);
 }
 
 .pm-page[data-theme="light"] .text-white\/55,
 .pm-page[data-theme="light"] .text-white\/50,
 .pm-page[data-theme="light"] .text-white\/45,
-.pm-page[data-theme="light"] .text-white\/40 {
+.pm-page[data-theme="light"] .text-white\/40,
+.pm-dialog-light .text-white\/55,
+.pm-dialog-light .text-white\/50,
+.pm-dialog-light .text-white\/45,
+.pm-dialog-light .text-white\/40 {
   color: rgba(15, 20, 32, 0.55);
 }
 
 .pm-page[data-theme="light"] .text-white\/35,
-.pm-page[data-theme="light"] .text-white\/30 {
+.pm-page[data-theme="light"] .text-white\/30,
+.pm-dialog-light .text-white\/35,
+.pm-dialog-light .text-white\/30 {
   color: rgba(15, 20, 32, 0.38);
 }
 
 .pm-page[data-theme="light"] .border-white\/10,
-.pm-page[data-theme="light"] .border-white\/5 {
+.pm-page[data-theme="light"] .border-white\/5,
+.pm-dialog-light .border-white\/10,
+.pm-dialog-light .border-white\/5 {
   border-color: rgba(15, 20, 32, 0.14);
 }
 
-.pm-page[data-theme="light"] .bg-white\/5 {
+.pm-page[data-theme="light"] .bg-white\/5,
+.pm-dialog-light .bg-white\/5 {
   background-color: rgba(15, 20, 32, 0.035);
 }
 
 .pm-page[data-theme="light"] .bg-black\/30,
 .pm-page[data-theme="light"] .bg-black\/40,
-.pm-page[data-theme="light"] .bg-black\/55 {
+.pm-page[data-theme="light"] .bg-black\/55,
+.pm-dialog-light .bg-black\/30,
+.pm-dialog-light .bg-black\/40,
+.pm-dialog-light .bg-black\/55 {
   background-color: rgba(15, 20, 32, 0.05);
 }
 
-.pm-page[data-theme="light"] .ring-white\/5 {
+.pm-page[data-theme="light"] .ring-white\/5,
+.pm-dialog-light .ring-white\/5 {
   --tw-ring-color: rgba(15, 20, 32, 0.08);
 }
 
@@ -6264,6 +6284,14 @@ onUnmounted(() => {
   padding-top: 6px;
   border-top: 1px solid var(--border);
 }
+.freq-manual--header {
+  margin-top: 0;
+  margin-bottom: 4px;
+  padding-top: 0;
+  padding-bottom: 6px;
+  border-top: none;
+  border-bottom: 1px solid var(--border);
+}
 .freq-manual-input {
   flex: 1 1 auto;
   min-width: 0;