vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed chart colors

pull/5806/head
Cagatay Civici 2024-05-21 11:07:57 +03:00
parent f926caedf9
commit 224b4ee9ff
13 changed files with 95 additions and 95 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/landing/HeroSection.vue
View File

@ -245,8 +245,8 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColorSecondary = documentStyle.getPropertyValue('--text-surface-500 dark:text-surface-400-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('p-content-border-color');
return { return {
plugins: { plugins: {

18
doc/chart/BasicDoc.vue
View File

@ -60,9 +60,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
plugins: { plugins: {
@ -131,9 +131,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
plugins: { plugins: {
@ -201,9 +201,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
plugins: { plugins: {

18
doc/chart/ComboDoc.vue
View File

@ -75,9 +75,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -165,9 +165,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -254,9 +254,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,

6
doc/chart/DoughnutDoc.vue
View File

@ -59,7 +59,7 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
plugins: { plugins: {
@ -111,7 +111,7 @@ const setChartData = () => {
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
plugins: { plugins: {
@ -161,7 +161,7 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
plugins: { plugins: {

18
doc/chart/HorizontalBarDoc.vue
View File

@ -64,9 +64,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
indexAxis: 'y', indexAxis: 'y',
@ -149,9 +149,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
indexAxis: 'y', indexAxis: 'y',
@ -233,9 +233,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
indexAxis: 'y', indexAxis: 'y',

18
doc/chart/LineDoc.vue
View File

@ -66,9 +66,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -147,9 +147,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -227,9 +227,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,

18
doc/chart/LineStylesDoc.vue
View File

@ -75,9 +75,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -165,9 +165,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -254,9 +254,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,

18
doc/chart/MultiAxisDoc.vue
View File

@ -68,9 +68,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
stacked: false, stacked: false,
@ -167,9 +167,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
stacked: false, stacked: false,
@ -265,9 +265,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
stacked: false, stacked: false,

6
doc/chart/PieChartDoc.vue
View File

@ -57,7 +57,7 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
plugins: { plugins: {
@ -109,7 +109,7 @@ const setChartData = () => {
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
plugins: { plugins: {
@ -159,7 +159,7 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
plugins: { plugins: {

12
doc/chart/PolarAreaDoc.vue
View File

@ -63,8 +63,8 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
plugins: { plugins: {
@ -127,8 +127,8 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
plugins: { plugins: {
@ -190,8 +190,8 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
plugins: { plugins: {

18
doc/chart/RadarDoc.vue
View File

@ -43,7 +43,7 @@ export default {
methods: { methods: {
setChartData() { setChartData() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'], labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
@ -71,8 +71,8 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
return { return {
plugins: { plugins: {
@ -115,7 +115,7 @@ const chartOptions = ref();
const setChartData = () => { const setChartData = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'], labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
@ -143,8 +143,8 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
return { return {
plugins: { plugins: {
@ -186,7 +186,7 @@ const setChartOptions = () => {
methods: { methods: {
setChartData() { setChartData() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
return { return {
labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'], labels: ['Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running'],
@ -214,8 +214,8 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
return { return {
plugins: { plugins: {

18
doc/chart/StackedBarDoc.vue
View File

@ -70,9 +70,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -161,9 +161,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -251,9 +251,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,

18
doc/chart/VerticalBarDoc.vue
View File

@ -64,9 +64,9 @@ export default {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -148,9 +148,9 @@ const setChartData = () => {
}; };
const setChartOptions = () => { const setChartOptions = () => {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,
@ -231,9 +231,9 @@ const setChartOptions = () => {
}, },
setChartOptions() { setChartOptions() {
const documentStyle = getComputedStyle(document.documentElement); const documentStyle = getComputedStyle(document.documentElement);
const textColor = documentStyle.getPropertyValue('--text-color'); const textColor = documentStyle.getPropertyValue('--p-text-color');
const textColorSecondary = documentStyle.getPropertyValue('--text-secondary-color'); const textColorSecondary = documentStyle.getPropertyValue('--p-text-muted-color');
const surfaceBorder = documentStyle.getPropertyValue('--border-color'); const surfaceBorder = documentStyle.getPropertyValue('--p-content-border-color');
return { return {
maintainAspectRatio: false, maintainAspectRatio: false,