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 c6ed1b78f26b92c28d2d95a48d37c6fe46007290..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 {
@@ -31,3 +42,17 @@ table tr:hover {
     }
 }
 
+@media (prefers-color-scheme: dark) {
+
+    table tr:hover {
+        background-color: #373e48;
+    }
+
+    pre.code {
+        filter: invert(80%);
+    }
+
+    input, textarea, select {
+        filter: invert(80%);
+    }
+}