I'm using vue 3.2.33 and primevue 3.12.5
Code: Select all
<template>
<Dialog v-model:visible="show">
<h1>Hello</h1>
</Dialog>
</template>
<script>
const secondaryColor = ref("49, 97, 115, 1");
const show = true;
</script>
<style>
/* dialog header styling does not work */
div.p-dialog div.p-dialog-header {
background-color: rgba(v-bind("secondaryColor"), 1);
color: #fff;
}
/* dialog header styling works */
div.p-dialog div.p-dialog-header {
background-color: rgba(49, 97, 115, 1);
color: #fff;
}
</style>