UX: improve code highlighting diffs for dark themes

UX: improve code highlighting diffs for dark themes
From b54b4d05c544e5b01e1727bef96457ed9a6ace6e Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 6 Dec 2018 10:54:30 -0500
Subject: [PATCH] UX: improve code highlighting diffs for dark themes


diff --git a/app/assets/stylesheets/common/base/code_highlighting.scss b/app/assets/stylesheets/common/base/code_highlighting.scss
index bfd0866..2e09912 100644
--- a/app/assets/stylesheets/common/base/code_highlighting.scss
+++ b/app/assets/stylesheets/common/base/code_highlighting.scss
@@ -75,7 +75,7 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
 }
 
 .hljs-regexp {
-  color: #009926;
+  color: $success;
 }
 
 .hljs-symbol,
@@ -90,24 +90,24 @@ github.com style (c) Vasily Polovnyov <vast@whiteants.net>
 .lisp .hljs-title,
 .clojure .hljs-built_in,
 .hljs-builtin-name {
-  color: #0086b3;
+  color: $tertiary-high;
 }
 
 .meta {
-  color: #999;
+  color: $primary-medium;
   font-weight: bold;
 }
 
 .hljs-deletion {
-  background: #fdd;
+  background: $danger-low;
 }
 
 .hljs-addition {
-  background: #dfd;
+  background: $success-low;
 }
 
 .diff .hljs-meta {
-  color: #aaa;
+  color: $primary-low;
 }
 
 /*

GitHub

3 Likes