starred/sky_phone-sky-systems
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-08-29 04:01:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX - theme Memos overlays

Browse Source 
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.
This commit is contained in:
Leon.Schmidt
2026-08-15 04:11:51 +02:00
parent dcee16fed2
commit 2544cfd490
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/apps/MemosApp.vue
+10 -2
View File
@@ -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%);
}