aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2020-07-04 13:20:30 -0400
committerBryan Brattlof <hello@bryanbrattlof.com>2020-07-04 13:20:30 -0400
commit7ac579f5697bea0caf32fbe921a633b75504bf60 (patch)
tree735a7b03f3c9dee493c5c211e52ca32af1a6a7b8
parentaa453cec4fbafc22d25ac0ea0dad5c83b89ec169 (diff)
downloadbryanbrattlof.com-7ac579f5697bea0caf32fbe921a633b75504bf60.tar.gz
bryanbrattlof.com-7ac579f5697bea0caf32fbe921a633b75504bf60.tar.bz2
add slight tinge of color for diff code-blocks
-rw-r--r--stylesheets/code.scss8
1 files changed, 7 insertions, 1 deletions
diff --git a/stylesheets/code.scss b/stylesheets/code.scss
index 18e9d76..1c44a94 100644
--- a/stylesheets/code.scss
+++ b/stylesheets/code.scss
@@ -1,8 +1,12 @@
+$normal-code-color: rgb(255, 255, 255);
+$inserted-code-color: rgb(230, 255, 230);
+$deleted-code-color: rgb(255, 229, 229);
+
%code-block {
font-family: $code-font;
background-color: $display-font-color;
- color: rgb(255, 255, 255);
+ color: $normal-code-color;
box-sizing: content-box;
border-radius: 3px;
@@ -50,6 +54,8 @@ code {
.c1 { @extend %code-italic; } /* Comment.Single */
.cs { @extend %code-italic; } /* Comment.Special */
.ge { @extend %code-italic; } /* Generic.Emph */
+.gd { color: $deleted-code-color; } /* Generic.Deleted */
+.gi { color: $inserted-code-color; } /* Generic.Inserted */
.gh { @extend %code-strong; } /* Generic.Heading */
.gp { @extend %code-strong; } /* Generic.Prompt */
.gs { @extend %code-strong; } /* Generic.Strong */