[UI] Add console-like theme to code snippets

1 files changed, 16 insertions, 2 deletions

diff --git a/app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss b/app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss
index 1998a7e62..a0933ac4d 100644
--- a/app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss
+++ b/app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss
@@ -117,8 +117,22 @@
   del { text-decoration: line-through; }
   h6 { font-size: 8px; font-weight: bold; }
   hr { border-color: lighten($dark-text-color, 10%); }
-  pre, code {
-    color: lighten($dark-text-color, 33%);
+  pre {
+    &, code {
+      color: #6c6;
+      text-shadow: 0 0 4px #0f0;
+    }
+
+    background: linear-gradient(
+      to bottom,
+      #121 1px,
+      #232 1px
+    );
+    background-size: 100% 2px;
+    padding: 10px;
+    margin: 10px;
+
+    border: 2px solid darken($ui-base-color, 20%);
   }
   mark {
     background-color: #ccff15;