Fix theme colors on stats page
This commit is contained in:
parent
b5ae080f32
commit
b25a6d0560
|
@ -1,4 +1,4 @@
|
|||
import { ChartConfiguration, ChartData, ChartOptions, PluginOptionsByType, Scale, TooltipItem } from 'chart.js'
|
||||
import { ChartConfiguration, ChartData, ChartOptions, PluginOptionsByType, Scale, TooltipItem, defaults as ChartJSDefaults } from 'chart.js'
|
||||
import zoomPlugin from 'chartjs-plugin-zoom'
|
||||
import { Observable, of } from 'rxjs'
|
||||
import { SelectOptionsItem } from 'src/types'
|
||||
|
@ -35,6 +35,10 @@ type ChartBuilderResult = {
|
|||
|
||||
type Card = { label: string, value: string | number, moreInfo?: string, help?: string }
|
||||
|
||||
ChartJSDefaults.backgroundColor = getComputedStyle(document.body).getPropertyValue('--mainBackgroundColor')
|
||||
ChartJSDefaults.borderColor = getComputedStyle(document.body).getPropertyValue('--greySecondaryBackgroundColor')
|
||||
ChartJSDefaults.color = getComputedStyle(document.body).getPropertyValue('--mainForegroundColor')
|
||||
|
||||
@Component({
|
||||
templateUrl: './video-stats.component.html',
|
||||
styleUrls: [ './video-stats.component.scss' ],
|
||||
|
|
|
@ -33,6 +33,8 @@
|
|||
|
||||
body {
|
||||
--bs-border-color-translucent: #{pvar(--inputBorderColor)};
|
||||
|
||||
--bs-body-color: #{pvar(--mainForegroundColor)};
|
||||
}
|
||||
|
||||
.accordion {
|
||||
|
|
Loading…
Reference in New Issue