webapps.pastebin: better dark mode

[factor.git] / extra / webapps / pastebin / pastebin.css

diff --git a/extra/webapps/pastebin/pastebin.css b/extra/webapps/pastebin/pastebin.css
index 1488d18a399c8807f5bb465f152bc4467d457588..e98b9ce8f69bb37d655a47c19c824f368fe23652 100644 (file)
--- a/extra/webapps/pastebin/pastebin.css
+++ b/extra/webapps/pastebin/pastebin.css
@@ -1,9 +1,20 @@
+input, textarea, select {
+    font-size: 12pt;
+    border: 1px solid #dbdbdb;
+    border-radius: 5px;
+    padding: 5px;
+}
+
+textarea {
+    font-family: monospace;
+}
+
 pre.code {
-       border:1px dashed #ccc;
-       background-color:#f5f5f5;
-       padding:5px;
-       font-size:150%;
-       color:#000000;
+    border: 1px solid #dbdbdb;
+    border-radius: 5px;
+    background-color: #f7f7f7;
+    padding: 5px;
+    color: black;
 }
 
 table {
@@ -24,3 +35,24 @@ table tr:hover {
     background-color: #f5f5f5;
 }
 
+@media screen and (max-width: 480px) {
+
+    th:nth-of-type(3), td:nth-of-type(3) {
+        display: none;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+
+    table tr:hover {
+        background-color: #373e48;
+    }
+
+    pre.code {
+        filter: invert(80%);
+    }
+
+    input, textarea, select {
+        filter: invert(80%);
+    }
+}