Ultima Template (ultima-vue-6) Layout Composable

[basitiyidir]

I am using Ultima Template. (ultima-vue-6) I am trying to change the layout as stated in the documentation.

<script setup>
import { useLayout } from '@/layout/composables/layout';

const { setMenuMode, toggleDarkMode, setPrimary } = useLayout();
setMenuMode('slim'); // change to slim mode
toggleDarkMode(); // change color scheme
setPrimary('amber');
</script>

Everything changes but setPrimary('amber'); does not.

In short, I cannot change the primary color of the site.

The primary color of the site changes from onConfigSidebarToggle. But this is not permanent.

App.vue

<script setup>
import { onMounted } from 'vue';

import { usePrimeVue } from 'primevue/config';
const { config } = usePrimeVue();



import { useLayout } from '@/layout/composables/layout';
const { setPrimary, setMenuMode, setSurface, setPreset, layoutConfig } = useLayout();

onMounted(() => { setMenuMode('static'); //toggleDarkMode(); setSurface('viva'); setPreset('Aura'); setPrimary('amber'); // preset: 'Aura', // primary: 'emerald', // surface: null, // darkTheme: false, // menuMode: 'slim', // menuTheme: 'light', // topbarTheme: 'indigo' , // menuProfilePosition: 'end' console.log('LOG layoutConfig', layoutConfig); });
</script> <template> <PWABAdge /> <router-view /> </template>

[tugcekucukoglu]

Make sure the primaryColors object is correct.

Ref: https://primevue.org/theming/styled/#presets