diff --git a/assets/sass/_content.scss b/assets/sass/_content.scss
index c0e519d..5404d01 100644
--- a/assets/sass/_content.scss
+++ b/assets/sass/_content.scss
@@ -176,7 +176,7 @@ table.table {
 
     .tag {
         font-size: 0.9rem;
-        background-color: darken($link-color, 55%);
+        background-color: $tag-color;
         padding: 2px 7px;
 
         .text {
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 3c93030..6ea5363 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -18,6 +18,7 @@ $monofont: "PragmataPro Mono Liga", "Roboto Mono", "Roboto Mono for Powerline",
     $faded: lightgray;
     $link-color: royalblue;
     $code-color: firebrick;
+    $tag-color: lighten($link-color, 35%);
     @import "content";
 }
 
@@ -31,5 +32,6 @@ $monofont: "PragmataPro Mono Liga", "Roboto Mono", "Roboto Mono for Powerline",
     $faded: #666;
     $link-color: lightskyblue;
     $code-color: lighten(firebrick, 25%);
+    $tag-color: darken($link-color, 55%);
     @import "content";
 }