Update README.md

README.md

@@ -265,8 +265,12 @@ tokenizer:
   display: block;
   margin-top: 18px;
   border-radius: 14px;
-  border: 1px solid rgba(255,255,255,.12);
-  background: rgba(0,0,0,.25);
+
+  border: 1px solid rgba(240,240,255,0.12);
+  background:
+    radial-gradient(700px 200px at 20% 0%, rgba(202, 66, 92, 0.10), transparent 55%),
+    rgba(0,0,0,0.28);
+
   overflow: hidden;
 }
 
@@ -283,9 +287,13 @@ tokenizer:
   letter-spacing: .14em;
   text-transform: uppercase;
 
-  color: rgba(255,244,236,.90);
-  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
-  border-bottom: 1px solid rgba(255,255,255,.10);
+  color: rgba(255,244,236,.92);
+
+  background:
+    radial-gradient(600px 180px at 20% 0%, rgba(202, 66, 92, 0.12), transparent 55%),
+    rgba(255,255,255,0.04);
+
+  border-bottom: 1px solid rgba(240,240,255,0.10);
 }
 
 .card-details summary::-webkit-details-marker{
@@ -296,8 +304,8 @@ tokenizer:
   content: "";
   width: 10px;
   height: 10px;
-  border-right: 2px solid rgba(255, 207, 109, 0.85);
-  border-bottom: 2px solid rgba(255, 207, 109, 0.85);
+  border-right: 2px solid rgba(202, 66, 92, 0.85);
+  border-bottom: 2px solid rgba(202, 66, 92, 0.85);
   transform: rotate(-45deg);
   justify-self: end;
   margin-left: 10px;
@@ -307,8 +315,8 @@ tokenizer:
 
 .card-details[open] summary::after{
   transform: rotate(45deg);
-  border-right-color: rgba(255, 208, 181, 0.95);
-  border-bottom-color: rgba(255, 208, 181, 0.95);
+  border-right-color: rgba(202, 66, 92, 0.95);
+  border-bottom-color: rgba(202, 66, 92, 0.95);
   opacity: 1;
 }
 
@@ -316,14 +324,17 @@ tokenizer:
   margin: 0;
   padding: 14px 14px 16px;
 
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "JetBrains Mono", "Liberation Mono", monospace;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "JetBrains Mono", monospace;
   font-size: 0.86rem;
   line-height: 1.6;
 
-  color: rgba(255, 244, 236, 0.86);
-  text-align: left;
+  color: rgba(255, 244, 236, 0.88);
 
-  background: rgba(0,0,0,.18);
+  background:
+    radial-gradient(600px 200px at 20% 0%, rgba(166, 28, 59, 0.14), transparent 55%),
+    rgba(0,0,0,0.22);
+
+  border-top: 1px solid rgba(240,240,255,0.08);
   overflow-x: auto;
 }