Update docs/CSS.md

docs/CSS.md

@@ -1,9 +1,37 @@
-`copy/paste themes in settings > custom css`
+copy + paste themes in settings > custom css
 
-
+```
-<pre>
 lowercase ios black
 
+* {
+  text-transform: lowercase;
+  font-family: "SF Pro Display", "SF Pro Text", system-ui, sans-serif;
+  font-size: 95.7%;
+  font-weight: 445 !important;
+  letter-spacing: -0.012em;
+  -webkit-font-smoothing: antialiased;
+  color: rgba(245, 240, 255, 0.93);
+  background: transparent !important;
+}
+
+div {
+  font-size: 94.5%;
+  font-weight: 450 !important;
+  line-height: 1.23rem;
+  text-shadow: 0 0 20px rgba(255, 230, 245, 0.33);
+  backdrop-filter: blur(12px) saturate(0.33) brightness(0.33);
+  -webkit-backdrop-filter: blur(12px) saturate(1) brightness(0.99);
+  background: rgba(20, 23, 20, 0) !important;
+}
+
+small {
+  opacity: 0.86;
+}
+```
+
+```
+ios amoled black / soft glass / lowercase
+
 * {
   text-transform: lowercase;
   font-family: "SF Pro Text", system-ui, "Helvetica Neue", sans-serif;
@@ -29,10 +57,10 @@ div {
 small {
   opacity: 0.88;
 }
-</pre>
+```
 
-<pre>
+```
-lowercase ios look
+ios amoled black / lowercase
 
 * {
   text-transform: lowercase;
@@ -56,10 +84,11 @@ div {
 small {
   opacity: 0.9;
 }
-</pre>
 
-<pre>
+```
-lowercase classic monospace
+
+```
+classic / monospace / lowercase
 
 * {
   font-weight: 400 !important;
@@ -72,10 +101,10 @@ div {
   font-weight: 600 !important;
   text-shadow: 0px 3px 33px #fff;
 }
-</pre>
+```
 
-<pre>
+```
-lowercase modern helvetica
+classic / helvetica / lowercase
 
 * {
   font-weight: 500 !important;
@@ -90,4 +119,4 @@ div {
   line-height: 1.2rem;
   text-shadow: 0px 0px 75px #fff;
 }
-</pre>
+```