Use updatePrimary and updateSurface actions in AppConfig
parent
b532a016f9
commit
a9f08884c0
|
@ -38,7 +38,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { palette, $dt, updatePreset, updateTheme } from 'primevue/themes';
|
import { updatePrimary, updateSurface } from 'primevue/themes';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
|
@ -101,7 +101,10 @@ export default {
|
||||||
document.startViewTransition(() => this.applyTheme(type, color));
|
document.startViewTransition(() => this.applyTheme(type, color));
|
||||||
},
|
},
|
||||||
applyTheme(type, color) {
|
applyTheme(type, color) {
|
||||||
updatePreset({
|
if (type === 'primary') updatePrimary(color.palette);
|
||||||
|
else if (type === 'surface') updateSurface(color.palette);
|
||||||
|
|
||||||
|
/*updatePreset({
|
||||||
semantic:
|
semantic:
|
||||||
type === 'surface'
|
type === 'surface'
|
||||||
? {
|
? {
|
||||||
|
@ -112,7 +115,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
: { [type]: color.palette }
|
: { [type]: color.palette }
|
||||||
});
|
});*/
|
||||||
|
|
||||||
/*for (const shade in color.palette) {
|
/*for (const shade in color.palette) {
|
||||||
document.documentElement.style.setProperty(`--p-${type}-${shade}`, `${color.palette[shade]}`);
|
document.documentElement.style.setProperty(`--p-${type}-${shade}`, `${color.palette[shade]}`);
|
||||||
|
|
Loading…
Reference in New Issue