Last active
March 9, 2022 05:58
-
-
Save damozhang/5d57eeaf88deeeeb4d198cf7e30fa42e to your computer and use it in GitHub Desktop.
tailwindcss colors in SwiftUI
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| extension Color{ | |
| static let tailwind = Color.Tailwind() | |
| struct Tailwind{ | |
| let bgSlate50 = Color(red:248/255,green:250/255,blue:252/255) | |
| let bgSlate100 = Color(red:241/255,green:245/255,blue:249/255) | |
| let bgSlate200 = Color(red:226/255,green:232/255,blue:240/255) | |
| let bgSlate300 = Color(red:203/255,green:213/255,blue:225/255) | |
| let bgSlate400 = Color(red:148/255,green:163/255,blue:184/255) | |
| let bgSlate500 = Color(red:100/255,green:116/255,blue:139/255) | |
| let bgSlate600 = Color(red:71/255,green:85/255,blue:105/255) | |
| let bgSlate700 = Color(red:51/255,green:65/255,blue:85/255) | |
| let bgSlate800 = Color(red:30/255,green:41/255,blue:59/255) | |
| let bgSlate900 = Color(red:15/255,green:23/255,blue:42/255) | |
| let bgGray50 = Color(red:249/255,green:250/255,blue:251/255) | |
| let bgGray100 = Color(red:243/255,green:244/255,blue:246/255) | |
| let bgGray200 = Color(red:229/255,green:231/255,blue:235/255) | |
| let bgGray300 = Color(red:209/255,green:213/255,blue:219/255) | |
| let bgGray400 = Color(red:156/255,green:163/255,blue:175/255) | |
| let bgGray500 = Color(red:107/255,green:114/255,blue:128/255) | |
| let bgGray600 = Color(red:75/255,green:85/255,blue:99/255) | |
| let bgGray700 = Color(red:55/255,green:65/255,blue:81/255) | |
| let bgGray800 = Color(red:31/255,green:41/255,blue:55/255) | |
| let bgGray900 = Color(red:17/255,green:24/255,blue:39/255) | |
| let bgZinc50 = Color(red:250/255,green:250/255,blue:250/255) | |
| let bgZinc100 = Color(red:244/255,green:244/255,blue:245/255) | |
| let bgZinc200 = Color(red:228/255,green:228/255,blue:231/255) | |
| let bgZinc300 = Color(red:212/255,green:212/255,blue:216/255) | |
| let bgZinc400 = Color(red:161/255,green:161/255,blue:170/255) | |
| let bgZinc500 = Color(red:113/255,green:113/255,blue:122/255) | |
| let bgZinc600 = Color(red:82/255,green:82/255,blue:91/255) | |
| let bgZinc700 = Color(red:63/255,green:63/255,blue:70/255) | |
| let bgZinc800 = Color(red:39/255,green:39/255,blue:42/255) | |
| let bgZinc900 = Color(red:24/255,green:24/255,blue:27/255) | |
| let bgNeutral50 = Color(red:250/255,green:250/255,blue:250/255) | |
| let bgNeutral100 = Color(red:245/255,green:245/255,blue:245/255) | |
| let bgNeutral200 = Color(red:229/255,green:229/255,blue:229/255) | |
| let bgNeutral300 = Color(red:212/255,green:212/255,blue:212/255) | |
| let bgNeutral400 = Color(red:163/255,green:163/255,blue:163/255) | |
| let bgNeutral500 = Color(red:115/255,green:115/255,blue:115/255) | |
| let bgNeutral600 = Color(red:82/255,green:82/255,blue:82/255) | |
| let bgNeutral700 = Color(red:64/255,green:64/255,blue:64/255) | |
| let bgNeutral800 = Color(red:38/255,green:38/255,blue:38/255) | |
| let bgNeutral900 = Color(red:23/255,green:23/255,blue:23/255) | |
| let bgStone50 = Color(red:250/255,green:250/255,blue:249/255) | |
| let bgStone100 = Color(red:245/255,green:245/255,blue:244/255) | |
| let bgStone200 = Color(red:231/255,green:229/255,blue:228/255) | |
| let bgStone300 = Color(red:214/255,green:211/255,blue:209/255) | |
| let bgStone400 = Color(red:168/255,green:162/255,blue:158/255) | |
| let bgStone500 = Color(red:120/255,green:113/255,blue:108/255) | |
| let bgStone600 = Color(red:87/255,green:83/255,blue:78/255) | |
| let bgStone700 = Color(red:68/255,green:64/255,blue:60/255) | |
| let bgStone800 = Color(red:41/255,green:37/255,blue:36/255) | |
| let bgStone900 = Color(red:28/255,green:25/255,blue:23/255) | |
| let bgRed50 = Color(red:254/255,green:242/255,blue:242/255) | |
| let bgRed100 = Color(red:254/255,green:226/255,blue:226/255) | |
| let bgRed200 = Color(red:254/255,green:202/255,blue:202/255) | |
| let bgRed300 = Color(red:252/255,green:165/255,blue:165/255) | |
| let bgRed400 = Color(red:248/255,green:113/255,blue:113/255) | |
| let bgRed500 = Color(red:239/255,green:68/255,blue:68/255) | |
| let bgRed600 = Color(red:220/255,green:38/255,blue:38/255) | |
| let bgRed700 = Color(red:185/255,green:28/255,blue:28/255) | |
| let bgRed800 = Color(red:153/255,green:27/255,blue:27/255) | |
| let bgRed900 = Color(red:127/255,green:29/255,blue:29/255) | |
| let bgOrange50 = Color(red:255/255,green:247/255,blue:237/255) | |
| let bgOrange100 = Color(red:255/255,green:237/255,blue:213/255) | |
| let bgOrange200 = Color(red:254/255,green:215/255,blue:170/255) | |
| let bgOrange300 = Color(red:253/255,green:186/255,blue:116/255) | |
| let bgOrange400 = Color(red:251/255,green:146/255,blue:60/255) | |
| let bgOrange500 = Color(red:249/255,green:115/255,blue:22/255) | |
| let bgOrange600 = Color(red:234/255,green:88/255,blue:12/255) | |
| let bgOrange700 = Color(red:194/255,green:65/255,blue:12/255) | |
| let bgOrange800 = Color(red:154/255,green:52/255,blue:18/255) | |
| let bgOrange900 = Color(red:124/255,green:45/255,blue:18/255) | |
| let bgAmber50 = Color(red:255/255,green:251/255,blue:235/255) | |
| let bgAmber100 = Color(red:254/255,green:243/255,blue:199/255) | |
| let bgAmber200 = Color(red:253/255,green:230/255,blue:138/255) | |
| let bgAmber300 = Color(red:252/255,green:211/255,blue:77/255) | |
| let bgAmber400 = Color(red:251/255,green:191/255,blue:36/255) | |
| let bgAmber500 = Color(red:245/255,green:158/255,blue:11/255) | |
| let bgAmber600 = Color(red:217/255,green:119/255,blue:6/255) | |
| let bgAmber700 = Color(red:180/255,green:83/255,blue:9/255) | |
| let bgAmber800 = Color(red:146/255,green:64/255,blue:14/255) | |
| let bgAmber900 = Color(red:120/255,green:53/255,blue:15/255) | |
| let bgYellow50 = Color(red:254/255,green:252/255,blue:232/255) | |
| let bgYellow100 = Color(red:254/255,green:249/255,blue:195/255) | |
| let bgYellow200 = Color(red:254/255,green:240/255,blue:138/255) | |
| let bgYellow300 = Color(red:253/255,green:224/255,blue:71/255) | |
| let bgYellow400 = Color(red:250/255,green:204/255,blue:21/255) | |
| let bgYellow500 = Color(red:234/255,green:179/255,blue:8/255) | |
| let bgYellow600 = Color(red:202/255,green:138/255,blue:4/255) | |
| let bgYellow700 = Color(red:161/255,green:98/255,blue:7/255) | |
| let bgYellow800 = Color(red:133/255,green:77/255,blue:14/255) | |
| let bgYellow900 = Color(red:113/255,green:63/255,blue:18/255) | |
| let bgLime50 = Color(red:247/255,green:254/255,blue:231/255) | |
| let bgLime100 = Color(red:236/255,green:252/255,blue:203/255) | |
| let bgLime200 = Color(red:217/255,green:249/255,blue:157/255) | |
| let bgLime300 = Color(red:190/255,green:242/255,blue:100/255) | |
| let bgLime400 = Color(red:163/255,green:230/255,blue:53/255) | |
| let bgLime500 = Color(red:132/255,green:204/255,blue:22/255) | |
| let bgLime600 = Color(red:101/255,green:163/255,blue:13/255) | |
| let bgLime700 = Color(red:77/255,green:124/255,blue:15/255) | |
| let bgLime800 = Color(red:63/255,green:98/255,blue:18/255) | |
| let bgLime900 = Color(red:54/255,green:83/255,blue:20/255) | |
| let bgGreen50 = Color(red:240/255,green:253/255,blue:244/255) | |
| let bgGreen100 = Color(red:220/255,green:252/255,blue:231/255) | |
| let bgGreen200 = Color(red:187/255,green:247/255,blue:208/255) | |
| let bgGreen300 = Color(red:134/255,green:239/255,blue:172/255) | |
| let bgGreen400 = Color(red:74/255,green:222/255,blue:128/255) | |
| let bgGreen500 = Color(red:34/255,green:197/255,blue:94/255) | |
| let bgGreen600 = Color(red:22/255,green:163/255,blue:74/255) | |
| let bgGreen700 = Color(red:21/255,green:128/255,blue:61/255) | |
| let bgGreen800 = Color(red:22/255,green:101/255,blue:52/255) | |
| let bgGreen900 = Color(red:20/255,green:83/255,blue:45/255) | |
| let bgEmerald50 = Color(red:236/255,green:253/255,blue:245/255) | |
| let bgEmerald100 = Color(red:209/255,green:250/255,blue:229/255) | |
| let bgEmerald200 = Color(red:167/255,green:243/255,blue:208/255) | |
| let bgEmerald300 = Color(red:110/255,green:231/255,blue:183/255) | |
| let bgEmerald400 = Color(red:52/255,green:211/255,blue:153/255) | |
| let bgEmerald500 = Color(red:16/255,green:185/255,blue:129/255) | |
| let bgEmerald600 = Color(red:5/255,green:150/255,blue:105/255) | |
| let bgEmerald700 = Color(red:4/255,green:120/255,blue:87/255) | |
| let bgEmerald800 = Color(red:6/255,green:95/255,blue:70/255) | |
| let bgEmerald900 = Color(red:6/255,green:78/255,blue:59/255) | |
| let bgTeal50 = Color(red:240/255,green:253/255,blue:250/255) | |
| let bgTeal100 = Color(red:204/255,green:251/255,blue:241/255) | |
| let bgTeal200 = Color(red:153/255,green:246/255,blue:228/255) | |
| let bgTeal300 = Color(red:94/255,green:234/255,blue:212/255) | |
| let bgTeal400 = Color(red:45/255,green:212/255,blue:191/255) | |
| let bgTeal500 = Color(red:20/255,green:184/255,blue:166/255) | |
| let bgTeal600 = Color(red:13/255,green:148/255,blue:136/255) | |
| let bgTeal700 = Color(red:15/255,green:118/255,blue:110/255) | |
| let bgTeal800 = Color(red:17/255,green:94/255,blue:89/255) | |
| let bgTeal900 = Color(red:19/255,green:78/255,blue:74/255) | |
| let bgCyan50 = Color(red:236/255,green:254/255,blue:255/255) | |
| let bgCyan100 = Color(red:207/255,green:250/255,blue:254/255) | |
| let bgCyan200 = Color(red:165/255,green:243/255,blue:252/255) | |
| let bgCyan300 = Color(red:103/255,green:232/255,blue:249/255) | |
| let bgCyan400 = Color(red:34/255,green:211/255,blue:238/255) | |
| let bgCyan500 = Color(red:6/255,green:182/255,blue:212/255) | |
| let bgCyan600 = Color(red:8/255,green:145/255,blue:178/255) | |
| let bgCyan700 = Color(red:14/255,green:116/255,blue:144/255) | |
| let bgCyan800 = Color(red:21/255,green:94/255,blue:117/255) | |
| let bgCyan900 = Color(red:22/255,green:78/255,blue:99/255) | |
| let bgSky50 = Color(red:240/255,green:249/255,blue:255/255) | |
| let bgSky100 = Color(red:224/255,green:242/255,blue:254/255) | |
| let bgSky200 = Color(red:186/255,green:230/255,blue:253/255) | |
| let bgSky300 = Color(red:125/255,green:211/255,blue:252/255) | |
| let bgSky400 = Color(red:56/255,green:189/255,blue:248/255) | |
| let bgSky500 = Color(red:14/255,green:165/255,blue:233/255) | |
| let bgSky600 = Color(red:2/255,green:132/255,blue:199/255) | |
| let bgSky700 = Color(red:3/255,green:105/255,blue:161/255) | |
| let bgSky800 = Color(red:7/255,green:89/255,blue:133/255) | |
| let bgSky900 = Color(red:12/255,green:74/255,blue:110/255) | |
| let bgBlue50 = Color(red:239/255,green:246/255,blue:255/255) | |
| let bgBlue100 = Color(red:219/255,green:234/255,blue:254/255) | |
| let bgBlue200 = Color(red:191/255,green:219/255,blue:254/255) | |
| let bgBlue300 = Color(red:147/255,green:197/255,blue:253/255) | |
| let bgBlue400 = Color(red:96/255,green:165/255,blue:250/255) | |
| let bgBlue500 = Color(red:59/255,green:130/255,blue:246/255) | |
| let bgBlue600 = Color(red:37/255,green:99/255,blue:235/255) | |
| let bgBlue700 = Color(red:29/255,green:78/255,blue:216/255) | |
| let bgBlue800 = Color(red:30/255,green:64/255,blue:175/255) | |
| let bgBlue900 = Color(red:30/255,green:58/255,blue:138/255) | |
| let bgIndigo50 = Color(red:238/255,green:242/255,blue:255/255) | |
| let bgIndigo100 = Color(red:224/255,green:231/255,blue:255/255) | |
| let bgIndigo200 = Color(red:199/255,green:210/255,blue:254/255) | |
| let bgIndigo300 = Color(red:165/255,green:180/255,blue:252/255) | |
| let bgIndigo400 = Color(red:129/255,green:140/255,blue:248/255) | |
| let bgIndigo500 = Color(red:99/255,green:102/255,blue:241/255) | |
| let bgIndigo600 = Color(red:79/255,green:70/255,blue:229/255) | |
| let bgIndigo700 = Color(red:67/255,green:56/255,blue:202/255) | |
| let bgIndigo800 = Color(red:55/255,green:48/255,blue:163/255) | |
| let bgIndigo900 = Color(red:49/255,green:46/255,blue:129/255) | |
| let bgViolet50 = Color(red:245/255,green:243/255,blue:255/255) | |
| let bgViolet100 = Color(red:237/255,green:233/255,blue:254/255) | |
| let bgViolet200 = Color(red:221/255,green:214/255,blue:254/255) | |
| let bgViolet300 = Color(red:196/255,green:181/255,blue:253/255) | |
| let bgViolet400 = Color(red:167/255,green:139/255,blue:250/255) | |
| let bgViolet500 = Color(red:139/255,green:92/255,blue:246/255) | |
| let bgViolet600 = Color(red:124/255,green:58/255,blue:237/255) | |
| let bgViolet700 = Color(red:109/255,green:40/255,blue:217/255) | |
| let bgViolet800 = Color(red:91/255,green:33/255,blue:182/255) | |
| let bgViolet900 = Color(red:76/255,green:29/255,blue:149/255) | |
| let bgPurple50 = Color(red:250/255,green:245/255,blue:255/255) | |
| let bgPurple100 = Color(red:243/255,green:232/255,blue:255/255) | |
| let bgPurple200 = Color(red:233/255,green:213/255,blue:255/255) | |
| let bgPurple300 = Color(red:216/255,green:180/255,blue:254/255) | |
| let bgPurple400 = Color(red:192/255,green:132/255,blue:252/255) | |
| let bgPurple500 = Color(red:168/255,green:85/255,blue:247/255) | |
| let bgPurple600 = Color(red:147/255,green:51/255,blue:234/255) | |
| let bgPurple700 = Color(red:126/255,green:34/255,blue:206/255) | |
| let bgPurple800 = Color(red:107/255,green:33/255,blue:168/255) | |
| let bgPurple900 = Color(red:88/255,green:28/255,blue:135/255) | |
| let bgFuchsia50 = Color(red:253/255,green:244/255,blue:255/255) | |
| let bgFuchsia100 = Color(red:250/255,green:232/255,blue:255/255) | |
| let bgFuchsia200 = Color(red:245/255,green:208/255,blue:254/255) | |
| let bgFuchsia300 = Color(red:240/255,green:171/255,blue:252/255) | |
| let bgFuchsia400 = Color(red:232/255,green:121/255,blue:249/255) | |
| let bgFuchsia500 = Color(red:217/255,green:70/255,blue:239/255) | |
| let bgFuchsia600 = Color(red:192/255,green:38/255,blue:211/255) | |
| let bgFuchsia700 = Color(red:162/255,green:28/255,blue:175/255) | |
| let bgFuchsia800 = Color(red:134/255,green:25/255,blue:143/255) | |
| let bgFuchsia900 = Color(red:112/255,green:26/255,blue:117/255) | |
| let bgPink50 = Color(red:253/255,green:242/255,blue:248/255) | |
| let bgPink100 = Color(red:252/255,green:231/255,blue:243/255) | |
| let bgPink200 = Color(red:251/255,green:207/255,blue:232/255) | |
| let bgPink300 = Color(red:249/255,green:168/255,blue:212/255) | |
| let bgPink400 = Color(red:244/255,green:114/255,blue:182/255) | |
| let bgPink500 = Color(red:236/255,green:72/255,blue:153/255) | |
| let bgPink600 = Color(red:219/255,green:39/255,blue:119/255) | |
| let bgPink700 = Color(red:190/255,green:24/255,blue:93/255) | |
| let bgPink800 = Color(red:157/255,green:23/255,blue:77/255) | |
| let bgPink900 = Color(red:131/255,green:24/255,blue:67/255) | |
| let bgRose50 = Color(red:255/255,green:241/255,blue:242/255) | |
| let bgRose100 = Color(red:255/255,green:228/255,blue:230/255) | |
| let bgRose200 = Color(red:254/255,green:205/255,blue:211/255) | |
| let bgRose300 = Color(red:253/255,green:164/255,blue:175/255) | |
| let bgRose400 = Color(red:251/255,green:113/255,blue:133/255) | |
| let bgRose500 = Color(red:244/255,green:63/255,blue:94/255) | |
| let bgRose600 = Color(red:225/255,green:29/255,blue:72/255) | |
| let bgRose700 = Color(red:190/255,green:18/255,blue:60/255) | |
| let bgRose800 = Color(red:159/255,green:18/255,blue:57/255) | |
| let bgRose900 = Color(red:136/255,green:19/255,blue:55/255) | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment