web/style/style.scss

@@ -78,6 +78,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light,  $accent3);
 
     transition: background 500ms ease-in-out, color 1s ease-in-out;
 
+    pre {
+        box-shadow: 3px 3px $dark;
+        border-color: $light;
+    }
+
+    pre.src {
+        &::before {
+            background-color: $light;
+            color: $dark;
+        }
+    }
+
     .navbar, header {
         background: $bg-nav;
     }
@@ -140,6 +152,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light,  $accent3);
 
     transition: background 500ms ease-in-out, color 1s ease-in-out;
 
+    pre {
+        box-shadow: 3px 3px $dark;
+        border: none;
+    }
+
+    pre.src {
+        &::before {
+            background-color: $dark;
+            color: $light;
+        }
+    }
+
     .navbar, header {
         background: $bg-nav;
     }
@@ -198,6 +222,18 @@ $gradient-accent3-light-right: linear-gradient(to right, $light,  $accent3);
 
     background: $black;
 
+    pre {
+        box-shadow: 3px 3px $light;
+        border: none;
+    }
+
+    pre.src {
+        &::before {
+            background-color: $black;
+            color: $light;
+        }
+    }
+
     .navbar, header {
         background: $bg-nav;
     }
@@ -548,3 +584,8 @@ img {
 ul {
     padding-inline-start: 20px;
 }
+
+pre.src {
+    overflow-y: auto;
+
+}