about summary refs log tree commit diff
path: root/app/javascript
diff options
context:
space:
mode:
authorFire Demon <firedemon@creature.cafe>2020-07-30 14:20:59 -0500
committerFire Demon <firedemon@creature.cafe>2020-08-30 05:45:16 -0500
commit1e253fc5ef4be554dfc0b4c497c10308f4a38fb5 (patch)
tree26c9fdbcaab1ae222163f7374abdafaf40e56951 /app/javascript
parent331d913c2db19fd4180bdfb2862b512d4b9f47d4 (diff)
[UI] Add console-like theme to code snippets
Diffstat (limited to 'app/javascript')
-rw-r--r--app/javascript/flavours/glitch/styles/monsterfork/components/formatting.scss18
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;