Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix dice controls for light theme

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-05-14 15:06:14 +10:00
parent ebc24a51d1
commit f2a17b3cca
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/map/dice/DiceControls.js
View File

@ -18,6 +18,7 @@ function DiceControls({ onDiceAdd }) {
title="Add D20" title="Add D20"
aria-label="Add D20" aria-label="Add D20"
onClick={() => onDiceAdd(SunsetDice, "d20")} onClick={() => onDiceAdd(SunsetDice, "d20")}
color="hsl(210, 50%, 96%)"
> >
<D20Icon /> <D20Icon />
</IconButton> </IconButton>
@ -25,6 +26,7 @@ function DiceControls({ onDiceAdd }) {
title="Add D12" title="Add D12"
aria-label="Add D12" aria-label="Add D12"
onClick={() => onDiceAdd(SunsetDice, "d12")} onClick={() => onDiceAdd(SunsetDice, "d12")}
color="hsl(210, 50%, 96%)"
> >
<D12Icon /> <D12Icon />
</IconButton> </IconButton>
@ -32,6 +34,7 @@ function DiceControls({ onDiceAdd }) {
title="Add D10" title="Add D10"
aria-label="Add D10" aria-label="Add D10"
onClick={() => onDiceAdd(SunsetDice, "d10")} onClick={() => onDiceAdd(SunsetDice, "d10")}
color="hsl(210, 50%, 96%)"
> >
<D10Icon /> <D10Icon />
</IconButton> </IconButton>
@ -39,6 +42,7 @@ function DiceControls({ onDiceAdd }) {
title="Add D8" title="Add D8"
aria-label="Add D8" aria-label="Add D8"
onClick={() => onDiceAdd(SunsetDice, "d8")} onClick={() => onDiceAdd(SunsetDice, "d8")}
color="hsl(210, 50%, 96%)"
> >
<D8Icon /> <D8Icon />
</IconButton> </IconButton>
@ -46,6 +50,7 @@ function DiceControls({ onDiceAdd }) {
title="Add D6" title="Add D6"
aria-label="Add D6" aria-label="Add D6"
onClick={() => onDiceAdd(SunsetDice, "d6")} onClick={() => onDiceAdd(SunsetDice, "d6")}
color="hsl(210, 50%, 96%)"
> >
<D6Icon /> <D6Icon />
</IconButton> </IconButton>
@ -53,6 +58,7 @@ function DiceControls({ onDiceAdd }) {
title="Add D4" title="Add D4"
aria-label="Add D4" aria-label="Add D4"
onClick={() => onDiceAdd(SunsetDice, "d4")} onClick={() => onDiceAdd(SunsetDice, "d4")}
color="hsl(210, 50%, 96%)"
> >
<D4Icon /> <D4Icon />
</IconButton> </IconButton>
@ -60,6 +66,7 @@ function DiceControls({ onDiceAdd }) {
title="Add D100" title="Add D100"
aria-label="Add D100" aria-label="Add D100"
onClick={() => onDiceAdd(SunsetDice, "d100")} onClick={() => onDiceAdd(SunsetDice, "d100")}
color="hsl(210, 50%, 96%)"
> >
<D100Icon /> <D100Icon />
</IconButton> </IconButton>