diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 5469b35..a8236b0 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -10,7 +10,7 @@
 @import 'components/status';
 @import 'components/fieldset';
 @import 'components/form';
-@import '~highlight.js/scss/vs2015.scss';
+@import 'components/highlight';
 
 .wrapper {
   display: flex;
diff --git a/assets/styles/components/_base.scss b/assets/styles/components/_base.scss
index 6f06658..d0db859 100644
--- a/assets/styles/components/_base.scss
+++ b/assets/styles/components/_base.scss
@@ -10,7 +10,7 @@ $warning: #ff8a00;
 $black: #2c4538;
 $danger: #FF0658;
 $dark: #242424;
-$pre: #DCDCDC;
+$pre: $white;
 $info: $primary-invert;
 $info-invert: $white;
 $custom-colors: ("black": ($black, $primary-invert));
@@ -160,7 +160,7 @@ $pagination-current-color: $primary-invert;
 $pagination-current-background-color: $primary;
 $pagination-current-border-color: $primary;
 
-$pre-background: #1E1E1E;
+$pre-background: rgba($primary, 0.104);
 
 .columns {
   @include from(576px) {
diff --git a/assets/styles/components/_highlight.scss b/assets/styles/components/_highlight.scss
new file mode 100644
index 0000000..271dd23
--- /dev/null
+++ b/assets/styles/components/_highlight.scss
@@ -0,0 +1,5 @@
+.hljs-comment,
+.hljs-quote {
+  color: $primary;
+  font-style: italic;
+}