fix: solve broken colors

einazare · einazare · commit cc98fc0cc23f · 2021-03-18T18:28:45.000+02:00
diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css
@@ -1242,24 +1242,24 @@ select {
   background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
 }
 
-.bg-blue-200 {
+.bg-lightBlue-200 {
   --tw-bg-opacity: 1;
-  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  background-color: rgba(186, 230, 253, var(--tw-bg-opacity));
 }
 
-.bg-blue-400 {
+.bg-lightBlue-400 {
   --tw-bg-opacity: 1;
-  background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
+  background-color: rgba(56, 189, 248, var(--tw-bg-opacity));
 }
 
-.bg-blue-500 {
+.bg-lightBlue-500 {
   --tw-bg-opacity: 1;
-  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+  background-color: rgba(14, 165, 233, var(--tw-bg-opacity));
 }
 
-.bg-blue-600 {
+.bg-lightBlue-600 {
   --tw-bg-opacity: 1;
-  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+  background-color: rgba(2, 132, 199, var(--tw-bg-opacity));
 }
 
 .bg-teal-200 {
@@ -1272,19 +1272,19 @@ select {
   background-color: rgba(20, 184, 166, var(--tw-bg-opacity));
 }
 
-.bg-green-200 {
+.bg-emerald-200 {
   --tw-bg-opacity: 1;
-  background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
+  background-color: rgba(167, 243, 208, var(--tw-bg-opacity));
 }
 
-.bg-green-400 {
+.bg-emerald-400 {
   --tw-bg-opacity: 1;
-  background-color: rgba(74, 222, 128, var(--tw-bg-opacity));
+  background-color: rgba(52, 211, 153, var(--tw-bg-opacity));
 }
 
-.bg-green-500 {
+.bg-emerald-500 {
   --tw-bg-opacity: 1;
-  background-color: rgba(34, 197, 94, var(--tw-bg-opacity));
+  background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
 }
 
 .bg-yellow-500 {
@@ -3146,24 +3146,24 @@ select {
   color: rgba(79, 70, 229, var(--tw-text-opacity));
 }
 
-.text-blue-400 {
+.text-lightBlue-400 {
   --tw-text-opacity: 1;
-  color: rgba(96, 165, 250, var(--tw-text-opacity));
+  color: rgba(56, 189, 248, var(--tw-text-opacity));
 }
 
-.text-blue-600 {
+.text-lightBlue-600 {
   --tw-text-opacity: 1;
-  color: rgba(37, 99, 235, var(--tw-text-opacity));
+  color: rgba(2, 132, 199, var(--tw-text-opacity));
 }
 
 .text-teal-500 {
   --tw-text-opacity: 1;
   color: rgba(20, 184, 166, var(--tw-text-opacity));
 }
 
-.text-green-500 {
+.text-emerald-500 {
   --tw-text-opacity: 1;
-  color: rgba(34, 197, 94, var(--tw-text-opacity));
+  color: rgba(16, 185, 129, var(--tw-text-opacity));
 }
 
 .text-orange-500 {

Original file line number	Diff line number	Diff line change
`@@ -1242,24 +1242,24 @@ select {`
`1242`	`1242`	`background-color: rgba(99, 102, 241, var(--tw-bg-opacity));`
`1243`	`1243`	`}`
`1244`	`1244`
`1245`		`-.bg-blue-200 {`
	`1245`	`+.bg-lightBlue-200 {`
`1246`	`1246`	`--tw-bg-opacity: 1;`
`1247`		`- background-color: rgba(191, 219, 254, var(--tw-bg-opacity));`
	`1247`	`+ background-color: rgba(186, 230, 253, var(--tw-bg-opacity));`
`1248`	`1248`	`}`
`1249`	`1249`
`1250`		`-.bg-blue-400 {`
	`1250`	`+.bg-lightBlue-400 {`
`1251`	`1251`	`--tw-bg-opacity: 1;`
`1252`		`- background-color: rgba(96, 165, 250, var(--tw-bg-opacity));`
	`1252`	`+ background-color: rgba(56, 189, 248, var(--tw-bg-opacity));`
`1253`	`1253`	`}`
`1254`	`1254`
`1255`		`-.bg-blue-500 {`
	`1255`	`+.bg-lightBlue-500 {`
`1256`	`1256`	`--tw-bg-opacity: 1;`
`1257`		`- background-color: rgba(59, 130, 246, var(--tw-bg-opacity));`
	`1257`	`+ background-color: rgba(14, 165, 233, var(--tw-bg-opacity));`
`1258`	`1258`	`}`
`1259`	`1259`
`1260`		`-.bg-blue-600 {`
	`1260`	`+.bg-lightBlue-600 {`
`1261`	`1261`	`--tw-bg-opacity: 1;`
`1262`		`- background-color: rgba(37, 99, 235, var(--tw-bg-opacity));`
	`1262`	`+ background-color: rgba(2, 132, 199, var(--tw-bg-opacity));`
`1263`	`1263`	`}`
`1264`	`1264`
`1265`	`1265`	`.bg-teal-200 {`
`@@ -1272,19 +1272,19 @@ select {`
`1272`	`1272`	`background-color: rgba(20, 184, 166, var(--tw-bg-opacity));`
`1273`	`1273`	`}`
`1274`	`1274`
`1275`		`-.bg-green-200 {`
	`1275`	`+.bg-emerald-200 {`
`1276`	`1276`	`--tw-bg-opacity: 1;`
`1277`		`- background-color: rgba(187, 247, 208, var(--tw-bg-opacity));`
	`1277`	`+ background-color: rgba(167, 243, 208, var(--tw-bg-opacity));`
`1278`	`1278`	`}`
`1279`	`1279`
`1280`		`-.bg-green-400 {`
	`1280`	`+.bg-emerald-400 {`
`1281`	`1281`	`--tw-bg-opacity: 1;`
`1282`		`- background-color: rgba(74, 222, 128, var(--tw-bg-opacity));`
	`1282`	`+ background-color: rgba(52, 211, 153, var(--tw-bg-opacity));`
`1283`	`1283`	`}`
`1284`	`1284`
`1285`		`-.bg-green-500 {`
	`1285`	`+.bg-emerald-500 {`
`1286`	`1286`	`--tw-bg-opacity: 1;`
`1287`		`- background-color: rgba(34, 197, 94, var(--tw-bg-opacity));`
	`1287`	`+ background-color: rgba(16, 185, 129, var(--tw-bg-opacity));`
`1288`	`1288`	`}`
`1289`	`1289`
`1290`	`1290`	`.bg-yellow-500 {`
`@@ -3146,24 +3146,24 @@ select {`
`3146`	`3146`	`color: rgba(79, 70, 229, var(--tw-text-opacity));`
`3147`	`3147`	`}`
`3148`	`3148`
`3149`		`-.text-blue-400 {`
	`3149`	`+.text-lightBlue-400 {`
`3150`	`3150`	`--tw-text-opacity: 1;`
`3151`		`- color: rgba(96, 165, 250, var(--tw-text-opacity));`
	`3151`	`+ color: rgba(56, 189, 248, var(--tw-text-opacity));`
`3152`	`3152`	`}`
`3153`	`3153`
`3154`		`-.text-blue-600 {`
	`3154`	`+.text-lightBlue-600 {`
`3155`	`3155`	`--tw-text-opacity: 1;`
`3156`		`- color: rgba(37, 99, 235, var(--tw-text-opacity));`
	`3156`	`+ color: rgba(2, 132, 199, var(--tw-text-opacity));`
`3157`	`3157`	`}`
`3158`	`3158`
`3159`	`3159`	`.text-teal-500 {`
`3160`	`3160`	`--tw-text-opacity: 1;`
`3161`	`3161`	`color: rgba(20, 184, 166, var(--tw-text-opacity));`
`3162`	`3162`	`}`
`3163`	`3163`
`3164`		`-.text-green-500 {`
	`3164`	`+.text-emerald-500 {`
`3165`	`3165`	`--tw-text-opacity: 1;`
`3166`		`- color: rgba(34, 197, 94, var(--tw-text-opacity));`
	`3166`	`+ color: rgba(16, 185, 129, var(--tw-text-opacity));`
`3167`	`3167`	`}`
`3168`	`3168`
`3169`	`3169`	`.text-orange-500 {`