feat: colorize the ui based on the app color

This commit is contained in:
2025-12-28 23:54:23 +01:00
parent dc317d53e5
commit d5ac5e6e4e
20 changed files with 194 additions and 30 deletions

View File

@@ -4,7 +4,6 @@
import Background from "./Background.vue";
import Buttons from "./Buttons.vue";
import ButtonSelector from "~/components/Common/ButtonSelector.vue";
import Bars from "./Bars.vue";
const store = useContactStore();
const { open: openModal, state: modalState } = useConfirmationModal();
@@ -105,16 +104,24 @@ useKeyDown((key) => {
"
/>
<Bars />
<CommonBars
title="Choose a Chat Room to join."
:opacity="
store.isIntro ? store.intro.stage3Opacity : store.outro.stage2Opacity
"
:y-offset="store.isIntro ? store.intro.barOffsetY : 0"
/>
<CommonConfirmationModal />
<CommonButtons
:y-offset="
store.isIntro
? store.intro.bottomBarY - (SCREEN_HEIGHT - 24)
: modalState.buttonsYOffset
store.isIntro ? store.intro.barOffsetY : modalState.buttonsYOffset
"
:opacity="
store.isIntro ? store.intro.stage3Opacity : store.outro.stage2Opacity
store.isIntro
? store.intro.stage3Opacity
: store.isOutro
? store.outro.stage2Opacity
: 1
"
b-label="Quit"
:a-label="ACTIONS[selectedButton][0]"