From 50b767c249d2e8cdb066cf88dbaef1bad2a3baca Mon Sep 17 00:00:00 2001 From: Paucey Date: Sat, 8 Feb 2025 13:08:03 -0400 Subject: [PATCH 1/3] Add support for new matte colors --- App.tsx | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/App.tsx b/App.tsx index 1469a96..c8da16c 100644 --- a/App.tsx +++ b/App.tsx @@ -65,6 +65,31 @@ const OpenSpool = () => { { label: 'Ash Grey', value: 'ash_grey', hex: '898989' }, { label: 'Grey', value: 'grey', hex: 'BCBCBC' }, { label: 'Black', value: 'black', hex: '161616' }, + //{ label: 'Matte Ivory White', value: 'matte_ivory_white', hex: '' }, + //{ label: 'Matte Latte Brown', value: 'matte_latte_brown', hex: '' }, + { label: 'Matte Lilac Purple', value: 'matte_lilac_purple', hex: '8D82C0' }, + { label: 'Matte Ash Grey', value: 'matte_ash_grey', hex: '8D9299' }, + { label: 'Matte Mandarin Orange', value: 'matte_mandarin_orange', hex: 'FAB566' }, + //{ label: 'Matte Sakura Pink', value: 'matte_sakura_pink', hex: '' }, + { label: 'Matte Ice Blue', value: 'matte_ice_blue', hex: 'B7D9E1' }, + { label: 'Matte Marine Blue', value: 'matte_marine_blue', hex: '2397D1' }, + { label: 'Matte Lemon Yellow', value: 'matte_lemon_yellow', hex: 'F9DA85' }, + { label: 'Matte Scarlet Red', value: 'matte_scarlet_red', hex: 'CF4549' }, + { label: 'Matte Dark Red', value: 'matte_dark_red', hex: 'AF3C3C' }, + //{ label: 'Matte Dark Brown', value: 'matte_dark_brown', hex: '' }, + //{ label: 'Matte Dark Green', value: 'matte_dark_green', hex: '' }, + { label: 'Matte Grass Green', value: 'matte_grass_green', hex: '75B269' }, + //{ label: 'Matte Dark Blue', value: 'matte_dark_blue', hex: '' }, + { label: 'Matte Charcoal', value: 'matte_charcoal', hex: '414141' }, + //{ label: 'Matte Desert Tan', value: 'matte_desert_tan', hex: '' }, + //{ label: 'Matte Bone White', value: 'matte_bone_white', hex: '' }, + //{ label: 'Matte Plum', value: 'matte_plum', hex: '' }, + //{ label: 'Matte Sky Blue', value: 'matte_sky_blue', hex: '' }, + //{ label: 'Matte Apple Green', value: 'matte_apple_green', hex: '' }, + //{ label: 'Matte Dark Chocolate', value: 'matte_dark_chocolate', hex: '' }, + //{ label: 'Matte Caramel', value: 'matte_caramel', hex: '' }, + //{ label: 'Matte Terracotta', value: 'matte_terracotta', hex: '' }, + //{ label: 'Matte Nardo Gray', value: 'matte_nardo_gray', hex: '' }, ]; const types = [ From 2e5970a2041d3885c676268064f988333db29194 Mon Sep 17 00:00:00 2001 From: Paucey Date: Sat, 8 Feb 2025 13:20:49 -0400 Subject: [PATCH 2/3] Add hex codes for matte colors --- App.tsx | 50 +++++++++++++++++++++++++------------------------- 1 file changed, 25 insertions(+), 25 deletions(-) diff --git a/App.tsx b/App.tsx index c8da16c..4553b64 100644 --- a/App.tsx +++ b/App.tsx @@ -65,31 +65,31 @@ const OpenSpool = () => { { label: 'Ash Grey', value: 'ash_grey', hex: '898989' }, { label: 'Grey', value: 'grey', hex: 'BCBCBC' }, { label: 'Black', value: 'black', hex: '161616' }, - //{ label: 'Matte Ivory White', value: 'matte_ivory_white', hex: '' }, - //{ label: 'Matte Latte Brown', value: 'matte_latte_brown', hex: '' }, - { label: 'Matte Lilac Purple', value: 'matte_lilac_purple', hex: '8D82C0' }, - { label: 'Matte Ash Grey', value: 'matte_ash_grey', hex: '8D9299' }, - { label: 'Matte Mandarin Orange', value: 'matte_mandarin_orange', hex: 'FAB566' }, - //{ label: 'Matte Sakura Pink', value: 'matte_sakura_pink', hex: '' }, - { label: 'Matte Ice Blue', value: 'matte_ice_blue', hex: 'B7D9E1' }, - { label: 'Matte Marine Blue', value: 'matte_marine_blue', hex: '2397D1' }, - { label: 'Matte Lemon Yellow', value: 'matte_lemon_yellow', hex: 'F9DA85' }, - { label: 'Matte Scarlet Red', value: 'matte_scarlet_red', hex: 'CF4549' }, - { label: 'Matte Dark Red', value: 'matte_dark_red', hex: 'AF3C3C' }, - //{ label: 'Matte Dark Brown', value: 'matte_dark_brown', hex: '' }, - //{ label: 'Matte Dark Green', value: 'matte_dark_green', hex: '' }, - { label: 'Matte Grass Green', value: 'matte_grass_green', hex: '75B269' }, - //{ label: 'Matte Dark Blue', value: 'matte_dark_blue', hex: '' }, - { label: 'Matte Charcoal', value: 'matte_charcoal', hex: '414141' }, - //{ label: 'Matte Desert Tan', value: 'matte_desert_tan', hex: '' }, - //{ label: 'Matte Bone White', value: 'matte_bone_white', hex: '' }, - //{ label: 'Matte Plum', value: 'matte_plum', hex: '' }, - //{ label: 'Matte Sky Blue', value: 'matte_sky_blue', hex: '' }, - //{ label: 'Matte Apple Green', value: 'matte_apple_green', hex: '' }, - //{ label: 'Matte Dark Chocolate', value: 'matte_dark_chocolate', hex: '' }, - //{ label: 'Matte Caramel', value: 'matte_caramel', hex: '' }, - //{ label: 'Matte Terracotta', value: 'matte_terracotta', hex: '' }, - //{ label: 'Matte Nardo Gray', value: 'matte_nardo_gray', hex: '' }, + { label: 'Matte Ivory White', value: 'matte_ivory_white', hex: 'FFFFFF' }, + { label: 'Matte Latte Brown', value: 'matte_latte_brown', hex: 'D3B7A7' }, + { label: 'Matte Lilac Purple', value: 'matte_lilac_purple', hex: 'AE96D4' }, + { label: 'Matte Ash Gray', value: 'matte_ash_grey', hex: '9B9EA0' }, + { label: 'Matte Mandarin Orange', value: 'matte_mandarin_orange', hex: 'F99963' }, + { label: 'Matte Sakura Pink', value: 'matte_sakura_pink', hex: 'E8AFCF' }, + { label: 'Matte Ice Blue', value: 'matte_ice_blue', hex: 'A3D8E1' }, + { label: 'Matte Marine Blue', value: 'matte_marine_blue', hex: '0078BF' }, + { label: 'Matte Lemon Yellow', value: 'matte_lemon_yellow', hex: 'F7D959' }, + { label: 'Matte Scarlet Red', value: 'matte_scarlet_red', hex: 'DE4343' }, + { label: 'Matte Dark Red', value: 'matte_dark_red', hex: 'BB3D43' }, + { label: 'Matte Dark Brown', value: 'matte_dark_brown', hex: '7D6556' }, + { label: 'Matte Dark Green', value: 'matte_dark_green', hex: '68724D' }, + { label: 'Matte Grass Green', value: 'matte_grass_green', hex: '61C680' }, + { label: 'Matte Dark Blue', value: 'matte_dark_blue', hex: '042F56' }, + { label: 'Matte Charcoal', value: 'matte_charcoal', hex: '000000' }, + { label: 'Matte Desert Tan', value: 'matte_desert_tan', hex: 'E8DBB7' }, + { label: 'Matte Bone White', value: 'matte_bone_white', hex: 'CBC6B8' }, + { label: 'Matte Plum', value: 'matte_plum', hex: '950051' }, + { label: 'Matte Sky Blue', value: 'matte_sky_blue', hex: '56B7E6' }, + { label: 'Matte Apple Green', value: 'matte_apple_green', hex: 'C2E189' }, + { label: 'Matte Dark Chocolate', value: 'matte_dark_chocolate', hex: '4D3324' }, + { label: 'Matte Caramel', value: 'matte_caramel', hex: 'AE835B' }, + { label: 'Matte Terracotta', value: 'matte_terracotta', hex: 'B15533' }, + { label: 'Matte Nardo Gray', value: 'matte_nardo_gray', hex: '757575' }, ]; const types = [ From d691109431b08e0ab11473e58565d64c2671ec97 Mon Sep 17 00:00:00 2001 From: Alex Hagen <43685777+Paucey@users.noreply.github.com> Date: Sat, 8 Feb 2025 14:26:21 -0400 Subject: [PATCH 3/3] Change spelling of grey in Ash Grey --- App.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/App.tsx b/App.tsx index 4553b64..c25ef06 100644 --- a/App.tsx +++ b/App.tsx @@ -68,7 +68,7 @@ const OpenSpool = () => { { label: 'Matte Ivory White', value: 'matte_ivory_white', hex: 'FFFFFF' }, { label: 'Matte Latte Brown', value: 'matte_latte_brown', hex: 'D3B7A7' }, { label: 'Matte Lilac Purple', value: 'matte_lilac_purple', hex: 'AE96D4' }, - { label: 'Matte Ash Gray', value: 'matte_ash_grey', hex: '9B9EA0' }, + { label: 'Matte Ash Grey', value: 'matte_ash_grey', hex: '9B9EA0' }, { label: 'Matte Mandarin Orange', value: 'matte_mandarin_orange', hex: 'F99963' }, { label: 'Matte Sakura Pink', value: 'matte_sakura_pink', hex: 'E8AFCF' }, { label: 'Matte Ice Blue', value: 'matte_ice_blue', hex: 'A3D8E1' },