Changed colors for readability

Author: wcabus

src/wwwroot/css/site.css

@@ -113,13 +113,23 @@ a.navbar-brand .icon-banner {
 }
 .jwt-decoder-container .jwt-decoded {
   text-wrap: auto;
+  background-color: #000000;
 }
 .jwt-decoder-container .jwt-decoded.jwt-header {
-  color: #fc3939;
+  color: rgb(253.5223880597, 157.4776119403, 157.4776119403);
 }
 .jwt-decoder-container .jwt-decoded.jwt-payload {
-  color: #13b955;
+  color: #46ec88;
 }
 .jwt-decoder-container .jwt-decoded.jwt-signature {
-  color: #efa31d;
+  color: rgb(245.7438016529, 201.7768595041, 124.2561983471);
+}
+.jwt-decoder-container .jwt-input-editable .text-danger {
+  color: rgb(253.5223880597, 157.4776119403, 157.4776119403) !important;
+}
+.jwt-decoder-container .jwt-input-editable .text-success {
+  color: #46ec88 !important;
+}
+.jwt-decoder-container .jwt-input-editable .text-warning {
+  color: rgb(245.7438016529, 201.7768595041, 124.2561983471) !important;
 }

src/wwwroot/css/site.min.css

@@ -127,17 +127,32 @@ a.navbar-brand {
 
   .jwt-decoded {
     text-wrap: auto;
+    background-color: #000000;
 
     &.jwt-header {
-      color: #fc3939;
+      color: lighten(#fc3939, 20%);
     }
 
     &.jwt-payload {
-      color: #13b955;
+      color: lighten(#13b955, 20%);
     }
 
     &.jwt-signature {
-      color: #efa31d;
+      color: lighten(#efa31d, 20%);
+    }
+  }
+
+  .jwt-input-editable {
+    .text-danger {
+      color: lighten(#fc3939, 20%) !important;
+    }
+
+    .text-success {
+      color: lighten(#13b955, 20%) !important;
+    }
+
+    .text-warning {
+      color: lighten(#efa31d, 20%) !important;
     }
   }
 }