@@ -2,6 +2,7 @@ import React, { useRef, useCallback } from 'react';
22import { Grid, Flex } from 'indigo-react';
33import * as ob from 'urbit-ob';
44import { FORM_ERROR } from 'final-form';
5+import { colors } from 'indigo-tokens';
56
67import { usePointCursor } from 'store/pointCursor';
78
@@ -19,24 +20,23 @@ import SubmitButton from 'form/SubmitButton';
1920import { NumberInput, ColorInput } from 'form/Inputs';
2021
2122const BG_COLORS = [
22− '#000000',
23− '#FFFFFF',
24− '#C80F34',
25− '#EE5432',
26− '#F8C134',
27− '#286E55',
28− '#2AA779',
29− '#2ED196',
30− '#190D8D',
31− '#4330FC',
32− '#6184FF',
33− '#83C3FF',
34− '#903AE6',
35− '#EC6FF7',
36− '#FFB0D6',
23+ colors.black,
24+ colors.white,
25+ colors.blue,
26+ colors.blueLight,
27+ colors.blueDark,
28+ colors.redLight,
29+ colors.red,
30+ colors.redDark,
31+ colors.greenLight,
32+ colors.green,
33+ colors.greenDark,
34+ colors.yellowLight,
35+ colors.yellow,
36+ colors.yellowDark,
3737];
3838
39−const FG_COLORS = ['#000000', '#FFFFFF'];
39+const FG_COLORS = [colors.black, colors.white];
4040
4141export default function SigilGenerator() {
4242 const { pop } = useLocalRouter();