Add 950 color level

zvizvi · May 16, 2023 · a06ddf6 · a06ddf6
1 parent 436e4db
commit a06ddf6
Show file tree

Hide file tree

Showing 8 changed files with 89 additions and 23 deletions.
diff --git a/README.md b/README.md
@@ -413,6 +413,7 @@ element {
 --fw-slate-700: rgb(51 65 85);      // #334155
 --fw-slate-800: rgb(30 41 59);      // #1e293b
 --fw-slate-900: rgb(15 23 42);      // #0f172a
+--fw-slate-950: rgb(2 6 23);        // #020617
 --fw-gray-50: rgb(249 250 251);     // #f9fafb
 --fw-gray-100: rgb(243 244 246);    // #f3f4f6
 --fw-gray-200: rgb(229 231 235);    // #e5e7eb
@@ -423,6 +424,7 @@ element {
 --fw-gray-700: rgb(55 65 81);       // #374151
 --fw-gray-800: rgb(31 41 55);       // #1f2937
 --fw-gray-900: rgb(17 24 39);       // #111827
+--fw-gray-950: rgb(3 7 18);         // #030712
 --fw-zinc-50: rgb(250 250 250);     // #fafafa
 --fw-zinc-100: rgb(244 244 245);    // #f4f4f5
 --fw-zinc-200: rgb(228 228 231);    // #e4e4e7
@@ -433,6 +435,7 @@ element {
 --fw-zinc-700: rgb(63 63 70);       // #3f3f46
 --fw-zinc-800: rgb(39 39 42);       // #27272a
 --fw-zinc-900: rgb(24 24 27);       // #18181b
+--fw-zinc-950: rgb(9 9 11);         // #09090b
 --fw-neutral-50: rgb(250 250 250);  // #fafafa
 --fw-neutral-100: rgb(245 245 245); // #f5f5f5
 --fw-neutral-200: rgb(229 229 229); // #e5e5e5
@@ -443,6 +446,7 @@ element {
 --fw-neutral-700: rgb(64 64 64);    // #404040
 --fw-neutral-800: rgb(38 38 38);    // #262626
 --fw-neutral-900: rgb(23 23 23);    // #171717
+--fw-neutral-950: rgb(10 10 10);    // #0a0a0a
 --fw-stone-50: rgb(250 250 249);    // #fafaf9
 --fw-stone-100: rgb(245 245 244);   // #f5f5f4
 --fw-stone-200: rgb(231 229 228);   // #e7e5e4
@@ -453,6 +457,7 @@ element {
 --fw-stone-700: rgb(68 64 60);      // #44403c
 --fw-stone-800: rgb(41 37 36);      // #292524
 --fw-stone-900: rgb(28 25 23);      // #1c1917
+--fw-stone-950: rgb(12 10 9);       // #0c0a09
 --fw-red-50: rgb(254 242 242);      // #fef2f2
 --fw-red-100: rgb(254 226 226);     // #fee2e2
 --fw-red-200: rgb(254 202 202);     // #fecaca
@@ -463,6 +468,7 @@ element {
 --fw-red-700: rgb(185 28 28);       // #b91c1c
 --fw-red-800: rgb(153 27 27);       // #991b1b
 --fw-red-900: rgb(127 29 29);       // #7f1d1d
+--fw-red-950: rgb(69 10 10);        // #450a0a
 --fw-orange-50: rgb(255 247 237);   // #fff7ed
 --fw-orange-100: rgb(255 237 213);  // #ffedd5
 --fw-orange-200: rgb(254 215 170);  // #fed7aa
@@ -473,6 +479,7 @@ element {
 --fw-orange-700: rgb(194 65 12);    // #c2410c
 --fw-orange-800: rgb(154 52 18);    // #9a3412
 --fw-orange-900: rgb(124 45 18);    // #7c2d12
+--fw-orange-950: rgb(67 20 7);      // #431407
 --fw-amber-50: rgb(255 251 235);    // #fffbeb
 --fw-amber-100: rgb(254 243 199);   // #fef3c7
 --fw-amber-200: rgb(253 230 138);   // #fde68a
@@ -483,6 +490,7 @@ element {
 --fw-amber-700: rgb(180 83 9);      // #b45309
 --fw-amber-800: rgb(146 64 14);     // #92400e
 --fw-amber-900: rgb(120 53 15);     // #78350f
+--fw-amber-950: rgb(69 26 3);       // #451800
 --fw-yellow-50: rgb(254 252 232);   // #fefce8
 --fw-yellow-100: rgb(254 249 195);  // #fef9c3
 --fw-yellow-200: rgb(254 240 138);  // #fef08a
@@ -493,6 +501,7 @@ element {
 --fw-yellow-700: rgb(161 98 7);     // #a16207
 --fw-yellow-800: rgb(133 77 14);    // #854d0e
 --fw-yellow-900: rgb(113 63 18);    // #713f12
+--fw-yellow-950: rgb(66 32 6);      // #422006
 --fw-lime-50: rgb(247 254 231);     // #f7fee7
 --fw-lime-100: rgb(236 252 203);    // #ecfccb
 --fw-lime-200: rgb(217 249 157);    // #d9f99d
@@ -503,6 +512,7 @@ element {
 --fw-lime-700: rgb(77 124 15);      // #4d7c0f
 --fw-lime-800: rgb(63 98 18);       // #3f6212
 --fw-lime-900: rgb(54 83 20);       // #365314
+--fw-lime-950: rgb(26 46 5);        // #1a2e05
 --fw-green-50: rgb(240 253 244);    // #f0fdf4
 --fw-green-100: rgb(220 252 231);   // #dcfce7
 --fw-green-200: rgb(187 247 208);   // #bbf7d0
@@ -513,6 +523,7 @@ element {
 --fw-green-700: rgb(21 128 61);     // #15803d
 --fw-green-800: rgb(22 101 52);     // #166534
 --fw-green-900: rgb(20 83 45);      // #14532d
+--fw-green-950: rgb(5 46 22);       // #052e16
 --fw-emerald-50: rgb(236 253 245);  // #ecfdf5
 --fw-emerald-100: rgb(209 250 229); // #d1fae5
 --fw-emerald-200: rgb(167 243 208); // #a7f3d0
@@ -523,6 +534,7 @@ element {
 --fw-emerald-700: rgb(4 120 87);    // #047857
 --fw-emerald-800: rgb(6 95 70);     // #065f46
 --fw-emerald-900: rgb(6 78 59);     // #064e3b
+--fw-emerald-950: rgb(2 44 34);     // #022c22
 --fw-teal-50: rgb(240 253 250);     // #f0fdfa
 --fw-teal-100: rgb(204 251 241);    // #ccfbf1
 --fw-teal-200: rgb(153 246 228);    // #99f6e4
@@ -533,6 +545,7 @@ element {
 --fw-teal-700: rgb(15 118 110);     // #0f766e
 --fw-teal-800: rgb(17 94 89);       // #115e59
 --fw-teal-900: rgb(19 78 74);       // #134e4a
+--fw-teal-950: rgb(4 47 46);        // #042f2e
 --fw-cyan-50: rgb(236 254 255);     // #ecfeff
 --fw-cyan-100: rgb(207 250 254);    // #cffafe
 --fw-cyan-200: rgb(165 243 252);    // #a5f3fc
@@ -543,6 +556,7 @@ element {
 --fw-cyan-700: rgb(14 116 144);     // #0e7490
 --fw-cyan-800: rgb(21 94 117);      // #155e75
 --fw-cyan-900: rgb(22 78 99);       // #164e63
+--fw-cyan-950: rgb(8 51 68);        // #083344
 --fw-sky-50: rgb(240 249 255);      // #f0f9ff
 --fw-sky-100: rgb(224 242 254);     // #e0f2fe
 --fw-sky-200: rgb(186 230 253);     // #bae6fd
@@ -553,6 +567,7 @@ element {
 --fw-sky-700: rgb(3 105 161);       // #0369a1
 --fw-sky-800: rgb(7 89 133);        // #075985
 --fw-sky-900: rgb(12 74 110);       // #0c4a6e
+--fw-sky-950: rgb(8 47 73);         // #082f49
 --fw-blue-50: rgb(239 246 255);     // #eff6ff
 --fw-blue-100: rgb(219 234 254);    // #dbeafe
 --fw-blue-200: rgb(191 219 254);    // #bfdbfe
@@ -563,6 +578,7 @@ element {
 --fw-blue-700: rgb(29 78 216);      // #1d4ed8
 --fw-blue-800: rgb(30 64 175);      // #1e40af
 --fw-blue-900: rgb(30 58 138);      // #1e3a8a
+--fw-blue-950: rgb(23 37 84);       // #172554
 --fw-indigo-50: rgb(238 242 255);   // #eef2ff
 --fw-indigo-100: rgb(224 231 255);  // #e0e7ff
 --fw-indigo-200: rgb(199 210 254);  // #c7d2fe
@@ -573,6 +589,7 @@ element {
 --fw-indigo-700: rgb(67 56 202);    // #4338ca
 --fw-indigo-800: rgb(55 48 163);    // #3730a3
 --fw-indigo-900: rgb(49 46 129);    // #312e81
+--fw-indigo-950: rgb(30 27 75);     // #1e1b4b
 --fw-violet-50: rgb(245 243 255);   // #f5f3ff
 --fw-violet-100: rgb(237 233 254);  // #ede9fe
 --fw-violet-200: rgb(221 214 254);  // #ddd6fe
@@ -583,6 +600,7 @@ element {
 --fw-violet-700: rgb(109 40 217);   // #6d28d9
 --fw-violet-800: rgb(91 33 182);    // #5b21b6
 --fw-violet-900: rgb(76 29 149);    // #4c1d95
+--fw-violet-950: rgb(46 16 101);    // #2e1065
 --fw-purple-50: rgb(250 245 255);   // #faf5ff
 --fw-purple-100: rgb(243 232 255);  // #f3e8ff
 --fw-purple-200: rgb(233 213 255);  // #e9d5ff
@@ -593,6 +611,7 @@ element {
 --fw-purple-700: rgb(126 34 206);   // #7e22ce
 --fw-purple-800: rgb(107 33 168);   // #6b21a8
 --fw-purple-900: rgb(88 28 135);    // #581c87
+--fw-purple-950: rgb(59 7 100);     // #3b0764
 --fw-fuchsia-50: rgb(253 244 255);  // #fdf4ff
 --fw-fuchsia-100: rgb(250 232 255); // #fae8ff
 --fw-fuchsia-200: rgb(245 208 254); // #f5d0fe
@@ -603,6 +622,7 @@ element {
 --fw-fuchsia-700: rgb(162 28 175);  // #a21caf
 --fw-fuchsia-800: rgb(134 25 143);  // #86198f
 --fw-fuchsia-900: rgb(112 26 117);  // #701a75
+--fw-fuchsia-950: rgb(74 4 78);     // #4a044e
 --fw-pink-50: rgb(253 242 248);     // #fdf2f8
 --fw-pink-100: rgb(252 231 243);    // #fce7f3
 --fw-pink-200: rgb(251 207 232);    // #fbcfe8
@@ -613,6 +633,7 @@ element {
 --fw-pink-700: rgb(190 24 93);      // #be185d
 --fw-pink-800: rgb(157 23 77);      // #9d174d
 --fw-pink-900: rgb(131 24 67);      // #831843
+--fw-pink-950: rgb(80 7 36);        // #500724
 --fw-rose-50: rgb(255 241 242);     // #fff1f2
 --fw-rose-100: rgb(255 228 230);    // #ffe4e6
 --fw-rose-200: rgb(254 205 211);    // #fecdd3
@@ -623,13 +644,14 @@ element {
 --fw-rose-700: rgb(190 18 60);      // #be123c
 --fw-rose-800: rgb(159 18 57);      // #9f1239
 --fw-rose-900: rgb(136 19 55);      // #881337
+--fw-rose-950: rgb(76 5 25);        // #4c0519
 ```
 </details>
 
 ### Colors transparency (alpha)
-#### Use ```--fw-color-opacity``` variable to set the color transparency 
+#### Use ```--fw-color-opacity``` variable to set the color transparency
 
-Each color rule in Freewindcss uses the ```--fw-color-opacity``` variable (which is initialized to 1) to determine the transparency of the color. Therefore to apply a color with transparency you have to set the variable ```--fw-color-opacity``` to the desired fraction number.  
+Each color rule in Freewindcss uses the ```--fw-color-opacity``` variable (which is initialized to 1) to determine the transparency of the color. Therefore to apply a color with transparency you have to set the variable ```--fw-color-opacity``` to the desired fraction number.
 
 Note that the variable ```--fw-color-opacity``` will be applied to the entire defined element, so two Freewindcss color rules cannot be applied to the same element with different transparency.
 

diff --git a/lib/freewindcss.css b/lib/freewindcss.css