Permalink
718db99 Oct 3, 2018
4 contributors

Users who have contributed to this file

@kaelig @BPScott @sarahill @nwtn
478 lines (477 sloc) 16.1 KB
# DO NOT MANUALLY EDIT THIS FILE
# This file was automatically generated
# Run 'yarn get-tokens-from-invision-dsm' to generate a new version
# Last updated: 2018-09-27T17:07:26.349Z
aliases:
color-purple-text: '#50495a'
color-purple-darker: '#230051'
color-purple-dark: '#50248f'
color-purple: '#9c6ade'
color-purple-light: '#e3d0ff'
color-purple-lighter: '#f6f0fd'
color-indigo-text: '#3e4155'
color-indigo-darker: '#000639'
color-indigo-dark: '#202e78'
color-indigo: '#5c6ac4'
color-indigo-light: '#b3bcf5'
color-indigo-lighter: '#f4f5fa'
color-blue-text: '#3e4e57'
color-blue-darker: '#001429'
color-blue-dark: '#084e8a'
color-blue: '#007ace'
color-blue-light: '#b4e1fa'
color-blue-lighter: '#ebf5fa'
color-teal-text: '#405352'
color-teal-darker: '#003135'
color-teal-dark: '#00848e'
color-teal: '#47c1bf'
color-teal-light: '#b7ecec'
color-teal-lighter: '#e0f5f5'
color-green-text: '#414f3e'
color-green-darker: '#173630'
color-green-dark: '#108043'
color-green: '#50b83c'
color-green-light: '#bbe5b3'
color-green-lighter: '#e3f1df'
color-yellow-text: '#595130'
color-yellow-darker: '#573b00'
color-yellow-dark: '#9c6f19'
color-yellow: '#eec200'
color-yellow-light: '#ffea8a'
color-yellow-lighter: '#fcf1cd'
color-orange-text: '#594430'
color-orange-darker: '#4a1504'
color-orange-dark: '#c05717'
color-orange: '#f49342'
color-orange-light: '#ffc58b'
color-orange-lighter: '#fcebdb'
color-red-text: '#583c35'
color-red-darker: '#330101'
color-red-dark: '#bf0711'
color-red: '#de3618'
color-red-light: '#fead9a'
color-red-lighter: '#fbeae5'
color-ink: '#212b36'
color-ink-light: '#454f5b'
color-ink-lighter: '#637381'
color-ink-lightest: '#919eab'
color-sky-dark: '#c4cdd5'
color-sky: '#dfe3e8'
color-sky-light: '#f4f6f8'
color-sky-lighter: '#f9fafb'
color-black: '#000000'
color-white: '#ffffff'
props:
- name: color-purple-text
value: '{!color-purple-text}'
meta:
friendlyName: Purple Text
filter: >-
brightness(0) saturate(100%) invert(29%) sepia(3%) saturate(2843%)
hue-rotate(223deg) brightness(92%) contrast(86%)
category: text-color
- name: color-purple-darker
value: '{!color-purple-darker}'
meta:
friendlyName: Purple Darker
filter: >-
brightness(0) saturate(100%) invert(8%) sepia(38%) saturate(6605%)
hue-rotate(265deg) brightness(99%) contrast(124%)
- name: color-purple-dark
value: '{!color-purple-dark}'
meta:
friendlyName: Purple Dark
filter: >-
brightness(0) saturate(100%) invert(12%) sepia(46%) saturate(4964%)
hue-rotate(258deg) brightness(101%) contrast(93%)
- name: color-purple
value: '{!color-purple}'
meta:
friendlyName: Purple
filter: >-
brightness(0) saturate(100%) invert(49%) sepia(77%) saturate(1864%)
hue-rotate(229deg) brightness(91%) contrast(91%)
- name: color-purple-light
value: '{!color-purple-light}'
meta:
friendlyName: Purple Light
filter: >-
brightness(0) saturate(100%) invert(82%) sepia(13%) saturate(1535%)
hue-rotate(203deg) brightness(103%) contrast(104%)
- name: color-purple-lighter
value: '{!color-purple-lighter}'
meta:
friendlyName: Purple Lighter
filter: >-
brightness(0) saturate(100%) invert(84%) sepia(15%) saturate(135%)
hue-rotate(219deg) brightness(110%) contrast(98%)
- name: color-indigo-text
value: '{!color-indigo-text}'
meta:
friendlyName: Indigo Text
filter: >-
brightness(0) saturate(100%) invert(24%) sepia(11%) saturate(1035%)
hue-rotate(195deg) brightness(97%) contrast(94%)
category: text-color
- name: color-indigo-darker
value: '{!color-indigo-darker}'
meta:
friendlyName: Indigo Darker
filter: >-
brightness(0) saturate(100%) invert(5%) sepia(81%) saturate(5060%)
hue-rotate(229deg) brightness(72%) contrast(111%)
- name: color-indigo-dark
value: '{!color-indigo-dark}'
meta:
friendlyName: Indigo Dark
filter: >-
brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(4409%)
hue-rotate(218deg) brightness(87%) contrast(98%)
- name: color-indigo
value: '{!color-indigo}'
meta:
friendlyName: Indigo
filter: >-
brightness(0) saturate(100%) invert(45%) sepia(17%) saturate(1966%)
hue-rotate(194deg) brightness(88%) contrast(84%)
- name: color-indigo-light
value: '{!color-indigo-light}'
meta:
friendlyName: Indigo Light
filter: >-
brightness(0) saturate(100%) invert(82%) sepia(37%) saturate(4261%)
hue-rotate(194deg) brightness(111%) contrast(92%)
- name: color-indigo-lighter
value: '{!color-indigo-lighter}'
meta:
friendlyName: Indigo Lighter
filter: >-
brightness(0) saturate(100%) invert(100%) sepia(25%) saturate(1090%)
hue-rotate(179deg) brightness(100%) contrast(96%)
- name: color-blue-text
value: '{!color-blue-text}'
meta:
friendlyName: Blue Text
filter: >-
brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(709%)
hue-rotate(158deg) brightness(96%) contrast(89%)
category: text-color
- name: color-blue-darker
value: '{!color-blue-darker}'
meta:
friendlyName: Blue Darker
filter: >-
brightness(0) saturate(100%) invert(5%) sepia(33%) saturate(5606%)
hue-rotate(195deg) brightness(97%) contrast(102%)
- name: color-blue-dark
value: '{!color-blue-dark}'
meta:
friendlyName: Blue Dark
filter: >-
brightness(0) saturate(100%) invert(22%) sepia(70%) saturate(1308%)
hue-rotate(182deg) brightness(94%) contrast(101%)
- name: color-blue
value: '{!color-blue}'
meta:
friendlyName: Blue
filter: >-
brightness(0) saturate(100%) invert(32%) sepia(99%) saturate(1186%)
hue-rotate(181deg) brightness(91%) contrast(103%)
- name: color-blue-light
value: '{!color-blue-light}'
meta:
friendlyName: Blue Light
filter: >-
brightness(0) saturate(100%) invert(80%) sepia(7%) saturate(1832%)
hue-rotate(178deg) brightness(108%) contrast(96%)
- name: color-blue-lighter
value: '{!color-blue-lighter}'
meta:
friendlyName: Blue Lighter
filter: >-
brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(686%)
hue-rotate(175deg) brightness(103%) contrast(96%)
- name: color-teal-text
value: '{!color-teal-text}'
meta:
friendlyName: Teal Text
filter: >-
brightness(0) saturate(100%) invert(31%) sepia(11%) saturate(665%)
hue-rotate(128deg) brightness(94%) contrast(93%)
category: text-color
- name: color-teal-darker
value: '{!color-teal-darker}'
meta:
friendlyName: Teal Darker
filter: >-
brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(2237%)
hue-rotate(141deg) brightness(96%) contrast(104%)
- name: color-teal-dark
value: '{!color-teal-dark}'
meta:
friendlyName: Teal Dark
filter: >-
brightness(0) saturate(100%) invert(28%) sepia(83%) saturate(3919%)
hue-rotate(168deg) brightness(93%) contrast(101%)
- name: color-teal
value: '{!color-teal}'
meta:
friendlyName: Teal
filter: >-
brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(2838%)
hue-rotate(130deg) brightness(92%) contrast(87%)
- name: color-teal-light
value: '{!color-teal-light}'
meta:
friendlyName: Teal Light
filter: >-
brightness(0) saturate(100%) invert(95%) sepia(12%) saturate(683%)
hue-rotate(122deg) brightness(97%) contrast(91%)
- name: color-teal-lighter
value: '{!color-teal-lighter}'
meta:
friendlyName: Teal Lighter
filter: >-
brightness(0) saturate(100%) invert(87%) sepia(5%) saturate(1124%)
hue-rotate(173deg) brightness(114%) contrast(92%)
- name: color-green-text
value: '{!color-green-text}'
meta:
friendlyName: Green Text
filter: >-
brightness(0) saturate(100%) invert(30%) sepia(8%) saturate(1010%)
hue-rotate(63deg) brightness(91%) contrast(91%)
category: text-color
- name: color-green-darker
value: '{!color-green-darker}'
meta:
friendlyName: Green Darker
filter: >-
brightness(0) saturate(100%) invert(15%) sepia(32%) saturate(727%)
hue-rotate(118deg) brightness(93%) contrast(91%)
- name: color-green-dark
value: '{!color-green-dark}'
meta:
friendlyName: Green Dark
filter: >-
brightness(0) saturate(100%) invert(18%) sepia(75%) saturate(6649%)
hue-rotate(155deg) brightness(97%) contrast(87%)
- name: color-green
value: '{!color-green}'
meta:
friendlyName: Green
filter: >-
brightness(0) saturate(100%) invert(56%) sepia(10%) saturate(2637%)
hue-rotate(64deg) brightness(106%) contrast(91%)
- name: color-green-light
value: '{!color-green-light}'
meta:
friendlyName: Green Light
filter: >-
brightness(0) saturate(100%) invert(93%) sepia(15%) saturate(599%)
hue-rotate(52deg) brightness(93%) contrast(93%)
- name: color-green-lighter
value: '{!color-green-lighter}'
meta:
friendlyName: Green Lighter
filter: >-
brightness(0) saturate(100%) invert(92%) sepia(51%) saturate(187%)
hue-rotate(46deg) brightness(108%) contrast(89%)
- name: color-yellow-text
value: '{!color-yellow-text}'
meta:
friendlyName: Yellow Text
filter: >-
brightness(0) saturate(100%) invert(28%) sepia(42%) saturate(413%)
hue-rotate(11deg) brightness(97%) contrast(91%)
category: text-color
- name: color-yellow-darker
value: '{!color-yellow-darker}'
meta:
friendlyName: Yellow Darker
filter: >-
brightness(0) saturate(100%) invert(19%) sepia(75%) saturate(981%)
hue-rotate(17deg) brightness(103%) contrast(103%)
- name: color-yellow-dark
value: '{!color-yellow-dark}'
meta:
friendlyName: Yellow Dark
filter: >-
brightness(0) saturate(100%) invert(45%) sepia(48%) saturate(6022%)
hue-rotate(31deg) brightness(93%) contrast(80%)
- name: color-yellow
value: '{!color-yellow}'
meta:
friendlyName: Yellow
filter: >-
brightness(0) saturate(100%) invert(65%) sepia(91%) saturate(530%)
hue-rotate(5deg) brightness(100%) contrast(100%)
- name: color-yellow-light
value: '{!color-yellow-light}'
meta:
friendlyName: Yellow Light
filter: >-
brightness(0) saturate(100%) invert(77%) sepia(72%) saturate(246%)
hue-rotate(355deg) brightness(103%) contrast(107%)
- name: color-yellow-lighter
value: '{!color-yellow-lighter}'
meta:
friendlyName: Yellow Lighter
filter: >-
brightness(0) saturate(100%) invert(88%) sepia(27%) saturate(234%)
hue-rotate(357deg) brightness(103%) contrast(98%)
- name: color-orange-text
value: '{!color-orange-text}'
meta:
friendlyName: Orange Text
filter: >-
brightness(0) saturate(100%) invert(23%) sepia(18%) saturate(1092%)
hue-rotate(348deg) brightness(99%) contrast(84%)
category: text-color
- name: color-orange-darker
value: '{!color-orange-darker}'
meta:
friendlyName: Orange Darker
filter: >-
brightness(0) saturate(100%) invert(9%) sepia(83%) saturate(1926%)
hue-rotate(356deg) brightness(98%) contrast(99%)
- name: color-orange-dark
value: '{!color-orange-dark}'
meta:
friendlyName: Orange Dark
filter: >-
brightness(0) saturate(100%) invert(29%) sepia(94%) saturate(1431%)
hue-rotate(5deg) brightness(96%) contrast(82%)
- name: color-orange
value: '{!color-orange}'
meta:
friendlyName: Orange
filter: >-
brightness(0) saturate(100%) invert(54%) sepia(86%) saturate(416%)
hue-rotate(340deg) brightness(105%) contrast(91%)
- name: color-orange-light
value: '{!color-orange-light}'
meta:
friendlyName: Orange Light
filter: >-
brightness(0) saturate(100%) invert(77%) sepia(39%) saturate(483%)
hue-rotate(335deg) brightness(101%) contrast(103%)
- name: color-orange-lighter
value: '{!color-orange-lighter}'
meta:
friendlyName: Orange Lighter
filter: >-
brightness(0) saturate(100%) invert(93%) sepia(11%) saturate(918%)
hue-rotate(312deg) brightness(107%) contrast(98%)
- name: color-red-text
value: '{!color-red-text}'
meta:
friendlyName: Red Text
filter: >-
brightness(0) saturate(100%) invert(22%) sepia(9%) saturate(2068%)
hue-rotate(325deg) brightness(92%) contrast(83%)
category: text-color
- name: color-red-darker
value: '{!color-red-darker}'
meta:
friendlyName: Red Darker
filter: >-
brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
hue-rotate(353deg) brightness(75%) contrast(101%)
- name: color-red-dark
value: '{!color-red-dark}'
meta:
friendlyName: Red Dark
filter: >-
brightness(0) saturate(100%) invert(12%) sepia(100%) saturate(5699%)
hue-rotate(353deg) brightness(75%) contrast(101%)
- name: color-red
value: '{!color-red}'
meta:
friendlyName: Red
filter: >-
brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(3622%)
hue-rotate(353deg) brightness(89%) contrast(95%)
- name: color-red-light
value: '{!color-red-light}'
meta:
friendlyName: Red Light
filter: >-
brightness(0) saturate(100%) invert(80%) sepia(9%) saturate(2561%)
hue-rotate(313deg) brightness(101%) contrast(99%)
- name: color-red-lighter
value: '{!color-red-lighter}'
meta:
friendlyName: Red Lighter
filter: >-
brightness(0) saturate(100%) invert(89%) sepia(21%) saturate(137%)
hue-rotate(324deg) brightness(102%) contrast(97%)
- name: color-ink
value: '{!color-ink}'
meta:
friendlyName: Ink
filter: >-
brightness(0) saturate(100%) invert(10%) sepia(10%) saturate(2259%)
hue-rotate(171deg) brightness(99%) contrast(84%)
- name: color-ink-light
value: '{!color-ink-light}'
meta:
friendlyName: Ink Light
filter: >-
brightness(0) saturate(100%) invert(32%) sepia(9%) saturate(1069%)
hue-rotate(173deg) brightness(83%) contrast(84%)
- name: color-ink-lighter
value: '{!color-ink-lighter}'
meta:
friendlyName: Ink Lighter
filter: >-
brightness(0) saturate(100%) invert(45%) sepia(8%) saturate(825%)
hue-rotate(166deg) brightness(95%) contrast(90%)
- name: color-ink-lightest
value: '{!color-ink-lightest}'
meta:
friendlyName: Ink Lightest
filter: >-
brightness(0) saturate(100%) invert(68%) sepia(18%) saturate(246%)
hue-rotate(169deg) brightness(88%) contrast(90%)
- name: color-sky-dark
value: '{!color-sky-dark}'
meta:
friendlyName: Sky Dark
filter: >-
brightness(0) saturate(100%) invert(86%) sepia(4%) saturate(502%)
hue-rotate(167deg) brightness(96%) contrast(91%)
- name: color-sky
value: '{!color-sky}'
meta:
friendlyName: Sky
filter: >-
brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(336%)
hue-rotate(175deg) brightness(97%) contrast(87%)
- name: color-sky-light
value: '{!color-sky-light}'
meta:
friendlyName: Sky Light
filter: >-
brightness(0) saturate(100%) invert(99%) sepia(12%) saturate(467%)
hue-rotate(174deg) brightness(99%) contrast(96%)
- name: color-sky-lighter
value: '{!color-sky-lighter}'
meta:
friendlyName: Sky Lighter
filter: >-
brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(159%)
hue-rotate(170deg) brightness(99%) contrast(99%)
- name: color-black
value: '{!color-black}'
meta:
friendlyName: Black
filter: brightness(0) saturate(100%)
- name: color-white
value: '{!color-white}'
meta:
friendlyName: White
filter: brightness(0) saturate(100%) invert(100%)
global:
type: color
category: background-color