CSS: Make code elements dark

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index c4ed83fa2b2dbc4491b0833eff3d11f3e9083100..723612cb8eb9f81bf9c4bb4393aa42564f2e79c1 100644 (file)
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -27,6 +27,8 @@ $theme-colors: (
 
 $body-bg:                                      $dark;
 $body-color:                           $white;
+$code-color:                           $white;
+$pre-color:                                    $white;
 
 // Breakpoints
 $grid-breakpoints: (

diff --git a/src/scss/style.scss b/src/scss/style.scss
index c0280318b807785ffdb44d090da4be0fefb813e6..e183595b5e1aa9d11fbb06a55a534b48f54c6046 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -63,6 +63,23 @@ body {
        }
 }
 
+code {
+       background-color: $dark;
+       border-radius: $border-radius;
+       padding: 0.1rem 0.2rem;
+}
+
+pre {
+       background-color: $dark;
+       border-radius: $border-radius;
+       padding: 0.5rem;
+
+       code {
+               background-color: inherit;
+               padding: 0;
+       }
+}
+
 .card {
        @extend .inverse;