From 2544cfd4900a5edd39eb73945e99801487188e0a Mon Sep 17 00:00:00 2001
From: "Leon.Schmidt" <leonmauricewill15@gmail.com>
Date: Sat, 15 Aug 2026 04:11:51 +0200
Subject: [PATCH] FIX - theme Memos overlays

Root cause: the Memos dialogs and action sheet render beside the themed SkyAppPage, so they inherited light root tokens even while the phone was in dark mode.

Attach the SKYUI provider theme to every Memos overlay and preserve the app's red accent across recording, discard, delete, and action surfaces.
---
 frontend/src/views/apps/MemosApp.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/apps/MemosApp.vue b/frontend/src/views/apps/MemosApp.vue
index 2cdd1ca..af1cbe0 100644
--- a/frontend/src/views/apps/MemosApp.vue
+++ b/frontend/src/views/apps/MemosApp.vue
@@ -698,6 +698,8 @@ onBeforeUnmount(() => {
   </SkyAppPage>
 
   <SkyActionSheet
+    class="memos-overlay-theme sky-ui-provider"
+    :class="{ 'sky-ui-provider--dark': phone.isDarkMode }"
     :opened="menuOpened"
     :aria-label="phone.t('Apps.memos.actions')"
     @backdropclick="menuOpened = false"
@@ -723,7 +725,8 @@ onBeforeUnmount(() => {
   />
 
   <SkyDialog
-    class="memo-recording-dialog"
+    class="memo-recording-dialog memos-overlay-theme sky-ui-provider"
+    :class="{ 'sky-ui-provider--dark': phone.isDarkMode }"
     :opened="view === 'recording' && !discardDialogOpened"
     :title="phone.t('Apps.memos.newMemo')"
     @backdropclick="requestCancelRecording"
@@ -830,6 +833,8 @@ onBeforeUnmount(() => {
   </SkyDialog>
 
   <SkyDialog
+    class="memos-overlay-theme sky-ui-provider"
+    :class="{ 'sky-ui-provider--dark': phone.isDarkMode }"
     :opened="discardDialogOpened"
     :title="phone.t('Apps.memos.discardTitle')"
     :content="phone.t('Apps.memos.discardBody')"
@@ -848,6 +853,8 @@ onBeforeUnmount(() => {
   </SkyDialog>
 
   <SkyDialog
+    class="memos-overlay-theme sky-ui-provider"
+    :class="{ 'sky-ui-provider--dark': phone.isDarkMode }"
     :opened="deleteDialogOpened"
     :title="phone.t('Apps.memos.deleteTitle')"
     :content="phone.t('Apps.memos.deleteBody')"
@@ -868,7 +875,8 @@ onBeforeUnmount(() => {
 
 <style scoped>
 .memos-page,
-.memo-detail-page {
+.memo-detail-page,
+.memos-overlay-theme {
   --sky-app-accent: #ff3b30;
   --sky-app-accent-soft: rgb(255 59 48 / 15%);
 }