git.iko.soy/bridge
on master help sign in
use indigo-tokens for color picker
f1b5e41Liam Fitzgerald
package-lock.json+6−1
compare with master
unifiedsplit
@@ -1,6 +1,6 @@
1{
1{
2 "name": "bridge",
2 "name": "bridge",
3− "version": "2.2.0",
3+ "version": "2.2.1",
4 "lockfileVersion": 1,
4 "lockfileVersion": 1,
5 "requires": true,
5 "requires": true,
6 "dependencies": {
6 "dependencies": {
@@ -9101,6 +9101,11 @@
9101 "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
9101 "resolved": "https://registry.npmjs.org/indexes-of/-/indexes-of-1.0.1.tgz",
9102 "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc="
9102 "integrity": "sha1-8w9xbI4r00bHtn0985FVZqfAVgc="
9103 },
9103 },
9104+ "indigo-tokens": {
9105+ "version": "1.2.3",
9106+ "resolved": "https://registry.npmjs.org/indigo-tokens/-/indigo-tokens-1.2.3.tgz",
9107+ "integrity": "sha512-8FANdrmsgtTFzFFCMLncKAzmFmLxr/f9nR8smvotMk09JMsBRyQm+t5/95J8XUErc3u6q3XKseARLq3TVxidnA=="
9108+ },
9104 "inflight": {
9109 "inflight": {
9105 "version": "1.0.6",
9110 "version": "1.0.6",
9106 "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
9111 "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
package.json+1
@@ -33,6 +33,7 @@
33 "final-form-arrays": "^3.0.1",
33 "final-form-arrays": "^3.0.1",
34 "final-form-set-field-data": "^1.0.2",
34 "final-form-set-field-data": "^1.0.2",
35 "folktale": "^2.3.1",
35 "folktale": "^2.3.1",
36+ "indigo-tokens": "^1.2.3",
36 "jszip": "^3.1.5",
37 "jszip": "^3.1.5",
37 "keccak": "^1.4.0",
38 "keccak": "^1.4.0",
38 "keythereum": "^1.0.4",
39 "keythereum": "^1.0.4",
src/views/SigilGenerator.js+16−16
@@ -2,6 +2,7 @@ import React, { useRef, useCallback } from 'react';
2import { Grid, Flex } from 'indigo-react';
2import { Grid, Flex } from 'indigo-react';
3import * as ob from 'urbit-ob';
3import * as ob from 'urbit-ob';
4import { FORM_ERROR } from 'final-form';
4import { FORM_ERROR } from 'final-form';
5+import { colors } from 'indigo-tokens';
5
6
6import { usePointCursor } from 'store/pointCursor';
7import { usePointCursor } from 'store/pointCursor';
7
8
@@ -19,24 +20,23 @@ import SubmitButton from 'form/SubmitButton';
19import { NumberInput, ColorInput } from 'form/Inputs';
20import { NumberInput, ColorInput } from 'form/Inputs';
20
21
21const BG_COLORS = [
22const BG_COLORS = [
22− '#000000',
23+ colors.black,
23− '#FFFFFF',
24+ colors.white,
24− '#C80F34',
25+ colors.blue,
25− '#EE5432',
26+ colors.blueLight,
26− '#F8C134',
27+ colors.blueDark,
27− '#286E55',
28+ colors.redLight,
28− '#2AA779',
29+ colors.red,
29− '#2ED196',
30+ colors.redDark,
30− '#190D8D',
31+ colors.greenLight,
31− '#4330FC',
32+ colors.green,
32− '#6184FF',
33+ colors.greenDark,
33− '#83C3FF',
34+ colors.yellowLight,
34− '#903AE6',
35+ colors.yellow,
35− '#EC6FF7',
36+ colors.yellowDark,
36− '#FFB0D6',
37];
37];
38
38
39−const FG_COLORS = ['#000000', '#FFFFFF'];
39+const FG_COLORS = [colors.black, colors.white];
40
40
41export default function SigilGenerator() {
41export default function SigilGenerator() {
42 const { pop } = useLocalRouter();
42 const { pop } = useLocalRouter();