From 1e253fc5ef4be554dfc0b4c497c10308f4a38fb5 Mon Sep 17 00:00:00 2001
From: Fire Demon <firedemon@creature.cafe>
Date: Thu, 30 Jul 2020 14:20:59 -0500
Subject: [UI] Add console-like theme to code snippets

---
 .../styles/monsterfork/components/formatting.scss      | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss')

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;
-- 
cgit