💄 token-building script and output destinations

Just some organization here.
This commit is contained in:
Nathan Sobo 2022-04-06 09:26:43 -06:00
parent f29b8c795e
commit 36fede7522
9 changed files with 495 additions and 1917 deletions

View file

@ -14,13 +14,13 @@
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#636363", "value": "#808080",
"step": 550, "step": 450,
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#2b2b2b", "value": "#474747",
"step": 750, "step": 650,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -81,7 +81,7 @@
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#1096d3", "value": "#2472f2",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
@ -119,8 +119,8 @@
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#393939", "value": "#1c1c1c",
"step": 700, "step": 800,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -146,8 +146,8 @@
"type": "color" "type": "color"
}, },
"focused": { "focused": {
"value": "#323232", "value": "#232323",
"step": 725, "step": 775,
"type": "color" "type": "color"
} }
}, },
@ -158,13 +158,13 @@
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#070707", "value": "#ffffff14",
"step": 875, "step": 0,
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#0e0e0e", "value": "#ffffff1f",
"step": 850, "step": 0,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -269,13 +269,13 @@
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#151515", "value": "#232323",
"step": 825, "step": 775,
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#232323", "value": "#404040",
"step": 775, "step": 675,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -316,24 +316,24 @@
"type": "color" "type": "color"
}, },
"indent_guide": { "indent_guide": {
"value": "#404040",
"step": 675,
"type": "color"
},
"indent_guide_active": {
"value": "#232323", "value": "#232323",
"step": 775, "step": 775,
"type": "color" "type": "color"
}, },
"indent_guide_active": {
"value": "#151515",
"step": 825,
"type": "color"
},
"line": { "line": {
"active": { "active": {
"value": "#0e0e0e", "value": "#ffffff12",
"step": 850, "step": 0,
"type": "color" "type": "color"
}, },
"highlighted": { "highlighted": {
"value": "#070707", "value": "#ffffff1f",
"step": 875, "step": 0,
"type": "color" "type": "color"
}, },
"inserted": { "inserted": {
@ -354,32 +354,32 @@
}, },
"highlight": { "highlight": {
"selection": { "selection": {
"value": "#103063", "value": "#2472f23d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"occurrence": { "occurrence": {
"value": "#2b2b2b", "value": "#ffffff1f",
"step": 750, "step": 0,
"type": "color" "type": "color"
}, },
"activeOccurrence": { "activeOccurrence": {
"value": "#393939", "value": "#ffffff29",
"step": 700, "step": 0,
"type": "color" "type": "color"
}, },
"matchingBracket": { "matchingBracket": {
"value": "#0e0e0e", "value": "#ffffff1f",
"step": 850, "step": 0,
"type": "color" "type": "color"
}, },
"match": { "match": {
"value": "#0a2633", "value": "#1096d329",
"step": 900, "step": 500,
"type": "color" "type": "color"
}, },
"activeMatch": { "activeMatch": {
"value": "#0e4158", "value": "#0e415852",
"step": 800, "step": 800,
"type": "color" "type": "color"
}, },
@ -391,8 +391,8 @@
}, },
"gutter": { "gutter": {
"primary": { "primary": {
"value": "#636363", "value": "#474747",
"step": 550, "step": 650,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -465,13 +465,13 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#103063", "value": "#2472f23d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#103063", "value": "#2472f2cc",
"step": 800, "step": 500,
"type": "color" "type": "color"
} }
}, },
@ -487,34 +487,34 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#38530f", "value": "#79ba163d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#79ba16", "value": "#79ba16cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
}, },
"3": { "3": {
"baseColor": { "baseColor": {
"value": "#484bed", "value": "#d430e0",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#484bed", "value": "#d430e0",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#121269", "value": "#d430e03d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#484bed", "value": "#d430e0cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
@ -531,12 +531,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#5d2f0e", "value": "#ee670a3d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ee670a", "value": "#ee670acc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
@ -553,12 +553,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#3e1169", "value": "#993bf33d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#993bf3", "value": "#993bf3cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
@ -575,12 +575,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#0e4f48", "value": "#16d6c13d",
"step": 800, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#16d6c1", "value": "#16d6c1cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -597,12 +597,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fbc6e1", "value": "#ef59a33d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ef59a3", "value": "#ef59a3cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -619,12 +619,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fce9b7", "value": "#f7bf173d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#f7bf17", "value": "#f7bf17cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }

View file

@ -9,18 +9,18 @@
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#555555", "value": "#474747",
"step": 600, "step": 650,
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#808080", "value": "#636363",
"step": 450, "step": 550,
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#aaaaaa", "value": "#808080",
"step": 300, "step": 450,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -29,7 +29,7 @@
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#2472f2", "value": "#484bed",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
@ -56,8 +56,8 @@
}, },
"icon": { "icon": {
"primary": { "primary": {
"value": "#aaaaaa", "value": "#393939",
"step": 300, "step": 700,
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
@ -66,13 +66,13 @@
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#555555", "value": "#9c9c9c",
"step": 600, "step": 350,
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#393939", "value": "#aaaaaa",
"step": 700, "step": 300,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -81,8 +81,8 @@
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#1179a8", "value": "#484bed",
"step": 600, "step": 500,
"type": "color" "type": "color"
}, },
"ok": { "ok": {
@ -109,45 +109,45 @@
"background": { "background": {
"100": { "100": {
"base": { "base": {
"value": "#eaeaea",
"step": 75,
"type": "color"
},
"hovered": {
"value": "#e3e3e3", "value": "#e3e3e3",
"step": 100, "step": 100,
"type": "color" "type": "color"
}, },
"hovered": { "active": {
"value": "#d5d5d5", "value": "#d5d5d5",
"step": 150, "step": 150,
"type": "color" "type": "color"
}, },
"active": {
"value": "#c6c6c6",
"step": 200,
"type": "color"
},
"focused": { "focused": {
"value": "#d5d5d5", "value": "#e3e3e3",
"step": 150, "step": 100,
"type": "color" "type": "color"
} }
}, },
"300": { "300": {
"base": { "base": {
"value": "#f1f1f1", "value": "#f8f8f8",
"step": 50, "step": 25,
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#e3e3e3", "value": "#eaeaea",
"step": 100, "step": 75,
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#d5d5d5", "value": "#dcdcdc",
"step": 150, "step": 125,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
"value": "#e3e3e3", "value": "#eaeaea",
"step": 100, "step": 75,
"type": "color" "type": "color"
} }
}, },
@ -158,18 +158,18 @@
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#f8f8f8", "value": "#00000008",
"step": 25, "step": 900,
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#f1f1f1", "value": "#0000000f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
"value": "#eaeaea", "value": "#f1f1f1",
"step": 75, "step": 50,
"type": "color" "type": "color"
} }
}, },
@ -264,18 +264,18 @@
}, },
"border": { "border": {
"primary": { "primary": {
"value": "#c6c6c6", "value": "#d5d5d5",
"step": 200, "step": 150,
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#e3e3e3", "value": "#d5d5d5",
"step": 100, "step": 150,
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#f1f1f1", "value": "#e3e3e3",
"step": 50, "step": 100,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -316,24 +316,24 @@
"type": "color" "type": "color"
}, },
"indent_guide": { "indent_guide": {
"value": "#f1f1f1",
"step": 50,
"type": "color"
},
"indent_guide_active": {
"value": "#e3e3e3", "value": "#e3e3e3",
"step": 100, "step": 100,
"type": "color" "type": "color"
}, },
"indent_guide_active": {
"value": "#d5d5d5",
"step": 150,
"type": "color"
},
"line": { "line": {
"active": { "active": {
"value": "#f1f1f1", "value": "#0000000f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"highlighted": { "highlighted": {
"value": "#f1f1f1", "value": "#0000001f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"inserted": { "inserted": {
@ -354,18 +354,18 @@
}, },
"highlight": { "highlight": {
"selection": { "selection": {
"value": "#c5dafc", "value": "#2472f23d",
"step": 100, "step": 500,
"type": "color" "type": "color"
}, },
"occurrence": { "occurrence": {
"value": "#f1f1f1", "value": "#0000000f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"activeOccurrence": { "activeOccurrence": {
"value": "#ffffff", "value": "#00000029",
"step": 0, "step": 900,
"type": "color" "type": "color"
}, },
"matchingBracket": { "matchingBracket": {
@ -374,13 +374,13 @@
"type": "color" "type": "color"
}, },
"match": { "match": {
"value": "#ffffff", "value": "#eb2d2d33",
"step": 0, "step": 500,
"type": "color" "type": "color"
}, },
"activeMatch": { "activeMatch": {
"value": "#ffffff", "value": "#7274f35c",
"step": 0, "step": 400,
"type": "color" "type": "color"
}, },
"related": { "related": {
@ -404,59 +404,59 @@
}, },
"syntax": { "syntax": {
"primary": { "primary": {
"value": "#2b2b2b", "value": "#1c1c1c",
"type": "color" "type": "color"
}, },
"comment": { "comment": {
"value": "#555555", "value": "#717171",
"type": "color" "type": "color"
}, },
"keyword": { "keyword": {
"value": "#103063", "value": "#1819a1",
"type": "color" "type": "color"
}, },
"function": { "function": {
"value": "#1b9447", "value": "#f9812e",
"type": "color" "type": "color"
}, },
"type": { "type": {
"value": "#138a7d", "value": "#de900c",
"type": "color" "type": "color"
}, },
"variant": { "variant": {
"value": "#1179a8", "value": "#1096d3",
"type": "color" "type": "color"
}, },
"property": { "property": {
"value": "#134697", "value": "#118a62",
"type": "color" "type": "color"
}, },
"enum": { "enum": {
"value": "#bb550e", "value": "#eb2d2d",
"type": "color" "type": "color"
}, },
"operator": { "operator": {
"value": "#bb550e", "value": "#eb2d2d",
"type": "color" "type": "color"
}, },
"string": { "string": {
"value": "#bb550e", "value": "#eb2d2d",
"type": "color" "type": "color"
}, },
"number": { "number": {
"value": "#14a898", "value": "#484bed",
"type": "color" "type": "color"
}, },
"boolean": { "boolean": {
"value": "#b0740f", "value": "#eb2d2d",
"type": "color" "type": "color"
} }
}, },
"player": { "player": {
"1": { "1": {
"baseColor": { "baseColor": {
"value": "#135acd", "value": "#2472f2",
"step": 600, "step": 500,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
@ -465,101 +465,101 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#c5dafc", "value": "#2472f23d",
"step": 100, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#2472f2", "value": "#2472f2cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
}, },
"2": { "2": {
"baseColor": { "baseColor": {
"value": "#79ba16", "value": "#12d796",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#79ba16", "value": "#12d796",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#dffab5", "value": "#12d7963d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#79ba16", "value": "#12d796cc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
"3": { "3": {
"baseColor": { "baseColor": {
"value": "#484bed", "value": "#de57e8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#484bed", "value": "#de57e8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#cdcdfc", "value": "#de57e83d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#484bed", "value": "#de57e8cc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
"4": { "4": {
"baseColor": { "baseColor": {
"value": "#ee670a", "value": "#f9812e",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#ee670a", "value": "#f9812e",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fcd6bd", "value": "#f9812e3d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ee670a", "value": "#f9812ecc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
"5": { "5": {
"baseColor": { "baseColor": {
"value": "#993bf3", "value": "#b066f8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#993bf3", "value": "#b066f8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#e4cbfc", "value": "#b066f83d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#993bf3", "value": "#b066f8cc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
@ -575,12 +575,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#b1faf2", "value": "#16d6c13d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#16d6c1", "value": "#16d6c1cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -597,12 +597,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fbc6e1", "value": "#ef59a33d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ef59a3", "value": "#ef59a3cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -619,12 +619,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fce9b7", "value": "#f7bf173d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#f7bf17", "value": "#f7bf17cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }

View file

@ -1170,13 +1170,13 @@
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#636363", "value": "#808080",
"step": 550, "step": 450,
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#2b2b2b", "value": "#474747",
"step": 750, "step": 650,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -1237,7 +1237,7 @@
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#1096d3", "value": "#2472f2",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
@ -1275,8 +1275,8 @@
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#393939", "value": "#1c1c1c",
"step": 700, "step": 800,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -1302,8 +1302,8 @@
"type": "color" "type": "color"
}, },
"focused": { "focused": {
"value": "#323232", "value": "#232323",
"step": 725, "step": 775,
"type": "color" "type": "color"
} }
}, },
@ -1314,13 +1314,13 @@
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#070707", "value": "#ffffff14",
"step": 875, "step": 0,
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#0e0e0e", "value": "#ffffff1f",
"step": 850, "step": 0,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -1425,13 +1425,13 @@
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#151515", "value": "#232323",
"step": 825, "step": 775,
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#232323", "value": "#404040",
"step": 775, "step": 675,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -1472,24 +1472,24 @@
"type": "color" "type": "color"
}, },
"indent_guide": { "indent_guide": {
"value": "#404040",
"step": 675,
"type": "color"
},
"indent_guide_active": {
"value": "#232323", "value": "#232323",
"step": 775, "step": 775,
"type": "color" "type": "color"
}, },
"indent_guide_active": {
"value": "#151515",
"step": 825,
"type": "color"
},
"line": { "line": {
"active": { "active": {
"value": "#0e0e0e", "value": "#ffffff12",
"step": 850, "step": 0,
"type": "color" "type": "color"
}, },
"highlighted": { "highlighted": {
"value": "#070707", "value": "#ffffff1f",
"step": 875, "step": 0,
"type": "color" "type": "color"
}, },
"inserted": { "inserted": {
@ -1510,32 +1510,32 @@
}, },
"highlight": { "highlight": {
"selection": { "selection": {
"value": "#103063", "value": "#2472f23d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"occurrence": { "occurrence": {
"value": "#2b2b2b", "value": "#ffffff1f",
"step": 750, "step": 0,
"type": "color" "type": "color"
}, },
"activeOccurrence": { "activeOccurrence": {
"value": "#393939", "value": "#ffffff29",
"step": 700, "step": 0,
"type": "color" "type": "color"
}, },
"matchingBracket": { "matchingBracket": {
"value": "#0e0e0e", "value": "#ffffff1f",
"step": 850, "step": 0,
"type": "color" "type": "color"
}, },
"match": { "match": {
"value": "#0a2633", "value": "#1096d329",
"step": 900, "step": 500,
"type": "color" "type": "color"
}, },
"activeMatch": { "activeMatch": {
"value": "#0e4158", "value": "#0e415852",
"step": 800, "step": 800,
"type": "color" "type": "color"
}, },
@ -1547,8 +1547,8 @@
}, },
"gutter": { "gutter": {
"primary": { "primary": {
"value": "#636363", "value": "#474747",
"step": 550, "step": 650,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -1621,13 +1621,13 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#103063", "value": "#2472f23d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#103063", "value": "#2472f2cc",
"step": 800, "step": 500,
"type": "color" "type": "color"
} }
}, },
@ -1643,34 +1643,34 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#38530f", "value": "#79ba163d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#79ba16", "value": "#79ba16cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
}, },
"3": { "3": {
"baseColor": { "baseColor": {
"value": "#484bed", "value": "#d430e0",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#484bed", "value": "#d430e0",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#121269", "value": "#d430e03d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#484bed", "value": "#d430e0cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
@ -1687,12 +1687,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#5d2f0e", "value": "#ee670a3d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ee670a", "value": "#ee670acc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
@ -1709,12 +1709,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#3e1169", "value": "#993bf33d",
"step": 800, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#993bf3", "value": "#993bf3cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
@ -1731,12 +1731,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#0e4f48", "value": "#16d6c13d",
"step": 800, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#16d6c1", "value": "#16d6c1cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -1753,12 +1753,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fbc6e1", "value": "#ef59a33d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ef59a3", "value": "#ef59a3cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -1775,12 +1775,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fce9b7", "value": "#f7bf173d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#f7bf17", "value": "#f7bf17cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -1802,18 +1802,18 @@
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#555555", "value": "#474747",
"step": 600, "step": 650,
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#808080", "value": "#636363",
"step": 450, "step": 550,
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#aaaaaa", "value": "#808080",
"step": 300, "step": 450,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -1822,7 +1822,7 @@
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#2472f2", "value": "#484bed",
"step": 500, "step": 500,
"type": "color" "type": "color"
}, },
@ -1849,8 +1849,8 @@
}, },
"icon": { "icon": {
"primary": { "primary": {
"value": "#aaaaaa", "value": "#393939",
"step": 300, "step": 700,
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
@ -1859,13 +1859,13 @@
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#555555", "value": "#9c9c9c",
"step": 600, "step": 350,
"type": "color" "type": "color"
}, },
"placeholder": { "placeholder": {
"value": "#393939", "value": "#aaaaaa",
"step": 700, "step": 300,
"type": "color" "type": "color"
}, },
"active": { "active": {
@ -1874,8 +1874,8 @@
"type": "color" "type": "color"
}, },
"feature": { "feature": {
"value": "#1179a8", "value": "#484bed",
"step": 600, "step": 500,
"type": "color" "type": "color"
}, },
"ok": { "ok": {
@ -1902,45 +1902,45 @@
"background": { "background": {
"100": { "100": {
"base": { "base": {
"value": "#eaeaea",
"step": 75,
"type": "color"
},
"hovered": {
"value": "#e3e3e3", "value": "#e3e3e3",
"step": 100, "step": 100,
"type": "color" "type": "color"
}, },
"hovered": { "active": {
"value": "#d5d5d5", "value": "#d5d5d5",
"step": 150, "step": 150,
"type": "color" "type": "color"
}, },
"active": {
"value": "#c6c6c6",
"step": 200,
"type": "color"
},
"focused": { "focused": {
"value": "#d5d5d5", "value": "#e3e3e3",
"step": 150, "step": 100,
"type": "color" "type": "color"
} }
}, },
"300": { "300": {
"base": { "base": {
"value": "#f1f1f1", "value": "#f8f8f8",
"step": 50, "step": 25,
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#e3e3e3", "value": "#eaeaea",
"step": 100, "step": 75,
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#d5d5d5", "value": "#dcdcdc",
"step": 150, "step": 125,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
"value": "#e3e3e3", "value": "#eaeaea",
"step": 100, "step": 75,
"type": "color" "type": "color"
} }
}, },
@ -1951,18 +1951,18 @@
"type": "color" "type": "color"
}, },
"hovered": { "hovered": {
"value": "#f8f8f8", "value": "#00000008",
"step": 25, "step": 900,
"type": "color" "type": "color"
}, },
"active": { "active": {
"value": "#f1f1f1", "value": "#0000000f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
"value": "#eaeaea", "value": "#f1f1f1",
"step": 75, "step": 50,
"type": "color" "type": "color"
} }
}, },
@ -2057,18 +2057,18 @@
}, },
"border": { "border": {
"primary": { "primary": {
"value": "#c6c6c6", "value": "#d5d5d5",
"step": 200, "step": 150,
"type": "color" "type": "color"
}, },
"secondary": { "secondary": {
"value": "#e3e3e3", "value": "#d5d5d5",
"step": 100, "step": 150,
"type": "color" "type": "color"
}, },
"muted": { "muted": {
"value": "#f1f1f1", "value": "#e3e3e3",
"step": 50, "step": 100,
"type": "color" "type": "color"
}, },
"focused": { "focused": {
@ -2109,24 +2109,24 @@
"type": "color" "type": "color"
}, },
"indent_guide": { "indent_guide": {
"value": "#f1f1f1",
"step": 50,
"type": "color"
},
"indent_guide_active": {
"value": "#e3e3e3", "value": "#e3e3e3",
"step": 100, "step": 100,
"type": "color" "type": "color"
}, },
"indent_guide_active": {
"value": "#d5d5d5",
"step": 150,
"type": "color"
},
"line": { "line": {
"active": { "active": {
"value": "#f1f1f1", "value": "#0000000f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"highlighted": { "highlighted": {
"value": "#f1f1f1", "value": "#0000001f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"inserted": { "inserted": {
@ -2147,18 +2147,18 @@
}, },
"highlight": { "highlight": {
"selection": { "selection": {
"value": "#c5dafc", "value": "#2472f23d",
"step": 100, "step": 500,
"type": "color" "type": "color"
}, },
"occurrence": { "occurrence": {
"value": "#f1f1f1", "value": "#0000000f",
"step": 50, "step": 900,
"type": "color" "type": "color"
}, },
"activeOccurrence": { "activeOccurrence": {
"value": "#ffffff", "value": "#00000029",
"step": 0, "step": 900,
"type": "color" "type": "color"
}, },
"matchingBracket": { "matchingBracket": {
@ -2167,13 +2167,13 @@
"type": "color" "type": "color"
}, },
"match": { "match": {
"value": "#ffffff", "value": "#eb2d2d33",
"step": 0, "step": 500,
"type": "color" "type": "color"
}, },
"activeMatch": { "activeMatch": {
"value": "#ffffff", "value": "#7274f35c",
"step": 0, "step": 400,
"type": "color" "type": "color"
}, },
"related": { "related": {
@ -2197,59 +2197,59 @@
}, },
"syntax": { "syntax": {
"primary": { "primary": {
"value": "#2b2b2b", "value": "#1c1c1c",
"type": "color" "type": "color"
}, },
"comment": { "comment": {
"value": "#555555", "value": "#717171",
"type": "color" "type": "color"
}, },
"keyword": { "keyword": {
"value": "#103063", "value": "#1819a1",
"type": "color" "type": "color"
}, },
"function": { "function": {
"value": "#1b9447", "value": "#f9812e",
"type": "color" "type": "color"
}, },
"type": { "type": {
"value": "#138a7d", "value": "#de900c",
"type": "color" "type": "color"
}, },
"variant": { "variant": {
"value": "#1179a8", "value": "#1096d3",
"type": "color" "type": "color"
}, },
"property": { "property": {
"value": "#134697", "value": "#118a62",
"type": "color" "type": "color"
}, },
"enum": { "enum": {
"value": "#bb550e", "value": "#eb2d2d",
"type": "color" "type": "color"
}, },
"operator": { "operator": {
"value": "#bb550e", "value": "#eb2d2d",
"type": "color" "type": "color"
}, },
"string": { "string": {
"value": "#bb550e", "value": "#eb2d2d",
"type": "color" "type": "color"
}, },
"number": { "number": {
"value": "#14a898", "value": "#484bed",
"type": "color" "type": "color"
}, },
"boolean": { "boolean": {
"value": "#b0740f", "value": "#eb2d2d",
"type": "color" "type": "color"
} }
}, },
"player": { "player": {
"1": { "1": {
"baseColor": { "baseColor": {
"value": "#135acd", "value": "#2472f2",
"step": 600, "step": 500,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
@ -2258,101 +2258,101 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#c5dafc", "value": "#2472f23d",
"step": 100, "step": 500,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#2472f2", "value": "#2472f2cc",
"step": 500, "step": 500,
"type": "color" "type": "color"
} }
}, },
"2": { "2": {
"baseColor": { "baseColor": {
"value": "#79ba16", "value": "#12d796",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#79ba16", "value": "#12d796",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#dffab5", "value": "#12d7963d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#79ba16", "value": "#12d796cc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
"3": { "3": {
"baseColor": { "baseColor": {
"value": "#484bed", "value": "#de57e8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#484bed", "value": "#de57e8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#cdcdfc", "value": "#de57e83d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#484bed", "value": "#de57e8cc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
"4": { "4": {
"baseColor": { "baseColor": {
"value": "#ee670a", "value": "#f9812e",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#ee670a", "value": "#f9812e",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fcd6bd", "value": "#f9812e3d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ee670a", "value": "#f9812ecc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
"5": { "5": {
"baseColor": { "baseColor": {
"value": "#993bf3", "value": "#b066f8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"cursorColor": { "cursorColor": {
"value": "#993bf3", "value": "#b066f8",
"step": 500, "step": 400,
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#e4cbfc", "value": "#b066f83d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#993bf3", "value": "#b066f8cc",
"step": 500, "step": 400,
"type": "color" "type": "color"
} }
}, },
@ -2368,12 +2368,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#b1faf2", "value": "#16d6c13d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#16d6c1", "value": "#16d6c1cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -2390,12 +2390,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fbc6e1", "value": "#ef59a33d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#ef59a3", "value": "#ef59a3cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }
@ -2412,12 +2412,12 @@
"type": "color" "type": "color"
}, },
"selectionColor": { "selectionColor": {
"value": "#fce9b7", "value": "#f7bf173d",
"step": 100, "step": 400,
"type": "color" "type": "color"
}, },
"borderColor": { "borderColor": {
"value": "#f7bf17", "value": "#f7bf17cc",
"step": 400, "step": 400,
"type": "color" "type": "color"
} }

472
styles/package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -4,8 +4,9 @@
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"build": "npm run build-themes && npm run build-tokens",
"build-themes": "ts-node ./src/buildThemes.ts", "build-themes": "ts-node ./src/buildThemes.ts",
"build-figma": "ts-node ./src/buildFigmaTokens.ts", "build-tokens": "ts-node ./src/buildTokens.ts",
"watch": "nodemon" "watch": "nodemon"
}, },
"author": "", "author": "",

View file

@ -13,5 +13,5 @@ for (let theme of themes) {
`${__dirname}/../../crates/zed/assets/themes/${theme.name}.json` `${__dirname}/../../crates/zed/assets/themes/${theme.name}.json`
); );
fs.writeFileSync(outPath, styleTreeJSON); fs.writeFileSync(outPath, styleTreeJSON);
console.log(`Generated ${outPath}`); console.log(`- ${outPath} created`);
} }

View file

@ -83,28 +83,28 @@ const coreTokens = {
size: fontSizes, size: fontSizes,
}; };
const combinedTokens: any = { const combinedTokens: any = {};
core: coreTokens,
}
// Create core.json const distPath = path.resolve(`${__dirname}/../dist`);
const corePath = path.resolve(`${__dirname}/../dist/figma/core.json`);
const coreJSON = JSON.stringify(coreTokens, null, 2);
fs.writeFileSync(corePath, coreJSON);
console.log(`- Core: core.json created`);
// Create {theme}.json // Add core tokens to the combined tokens and write `core.json`.
// We write `core.json` as a separate file for the design team's convenience, but it isn't consumed by Figma Tokens directly.
const corePath = path.join(distPath, "core.json");
fs.writeFileSync(corePath, JSON.stringify(coreTokens, null, 2));
console.log(`- ${corePath} created`);
combinedTokens.core = coreTokens;
// Add each theme to the combined tokens and write ${theme}.json.
// We write `${theme}.json` as a separate file for the design team's convenience, but it isn't consumed by Figma Tokens directly.
let themes = [dark, light]; let themes = [dark, light];
const themePath = path.resolve(`${__dirname}/figma`);
themes.forEach((theme) => { themes.forEach((theme) => {
const tokenJSON = JSON.stringify(themeTokens(theme), null, 2); const themePath = `${distPath}/${theme.name}.json`
fs.writeFileSync(`${themePath}/${theme.name}.json`, tokenJSON); fs.writeFileSync(themePath, JSON.stringify(themeTokens(theme), null, 2));
console.log(`- Theme: ${theme.name}.json created`); console.log(`- ${themePath} created`);
combinedTokens[theme.name] = themeTokens(theme); combinedTokens[theme.name] = themeTokens(theme);
}); });
// Create combined tokens.json // Write combined tokens to `tokens.json`. This file is consumed by the Figma Tokens plugin to keep our designs consistent with the app.
const combinedPath = path.resolve(`${__dirname}/figma/tokens.json`); const combinedPath = path.resolve(`${distPath}/tokens.json`);
const combinedJSON = JSON.stringify(combinedTokens, null, 2); fs.writeFileSync(combinedPath, JSON.stringify(combinedTokens, null, 2));
fs.writeFileSync(combinedPath, combinedJSON); console.log(`- ${combinedPath} created`);
console.log(`- Combined: tokens.json created`);

File diff suppressed because it is too large Load diff