brandon.presley/Massive
brandon.presley
/
Massive
4
8
Fork 3
Code Issues 14 Pull Requests Activity

Use theme colors for chart axes labels 

Closes #89
This commit is contained in:
Brandon Presley 2022-10-16 17:08:18 +13:00
parent d23d489ec0
commit 5d5f586f7f
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Chart.tsx
View File

@ -2,9 +2,11 @@ import * as shape from 'd3-shape';
import React from 'react';
import {View} from 'react-native';
import {Grid, LineChart, XAxis, YAxis} from 'react-native-svg-charts';
import {CombinedDarkTheme, CombinedDefaultTheme} from './App';
import {useColor} from './color';
import {MARGIN, PADDING} from './constants';
import Set from './set';
import useDark from './use-dark';
export default function Chart({
yData,
@ -18,7 +20,13 @@ export default function Chart({
yFormat: (value: any) => string;
}) {
const {color} = useColor();
const axesSvg = {fontSize: 10, fill: 'grey'};
const dark = useDark();
const axesSvg = {
fontSize: 10,
fill: dark
? CombinedDarkTheme.colors.text
: CombinedDefaultTheme.colors.text,
};
const verticalContentInset = {top: 10, bottom: 10};
const xAxisHeight = 30;