diff --git a/assets/scss/common/_custom.scss b/assets/scss/common/_custom.scss
index a5be497c18ec0824575c7a9683464333c47c23fd..68955935368e3b97e3bba7009b4b83d782ecc96d 100644
--- a/assets/scss/common/_custom.scss
+++ b/assets/scss/common/_custom.scss
@@ -29,7 +29,8 @@
   .nav-item a:hover{
     color: $tetra-green;
   }
-  a{
+
+a{
     color: $tetra-green
   }
 
diff --git a/assets/scss/common/_variables-custom.scss b/assets/scss/common/_variables-custom.scss
index 121a88f8d217242bb3980a1fe0c2b4bb06434011..769cb5c8f5d7b0814d5e2cb9a28eda15f2b0e2d3 100644
--- a/assets/scss/common/_variables-custom.scss
+++ b/assets/scss/common/_variables-custom.scss
@@ -8,3 +8,12 @@ $tetra-green : #5a8264;
 // Dark mode
 $tetra-green : #5a8264;
 
+// Put your custom SCSS variables here
+
+// Light mode
+$primary: #5a8264; // affects ToC links only, though `$link-color: $primary;`
+$link-color: #5a8264; // affects other links, except primary button variants
+
+// Dark mode
+$link-color-dark: #5a8264; // affect all links, except primary button variants
+$button-color-dark: $link-color-dark; // affects primary button variants