diff --git a/web/app/templates/nopaque.html.j2 b/web/app/templates/nopaque.html.j2
index 0a4b03ec..e057663d 100644
--- a/web/app/templates/nopaque.html.j2
+++ b/web/app/templates/nopaque.html.j2
@@ -89,6 +89,15 @@
       .nlp-color-text.text-darken {color: {{ nlp_color_darken }} !important;}
       .nlp-color.lighten {background-color: {{ nlp_color_lighten }} !important;}
       .nlp-color-text.text-lighten {color: {{ nlp_color_lighten }} !important;}
+
+      .pagination li.active {background-color: {{ primary_color }};}
+      .tabs .tab a {color: inherit; /* Custom Text Color */}
+      .tabs .tab a:hover {color: {{ primary_color }}; /* Custom Color On Hover */}
+      .tabs .tab a.active, .tabs .tab a:focus.active {
+        color: {{ primary_color }}; /* Custom Text Color While Active */
+        background-color: rgba(0, 66, 111, 0.2); /* Custom Background Color While Active */
+      }
+      .tabs .indicator {background-color: {{ primary_color }}; /* Custom Color Of Indicator */}
       {% if current_user.is_authenticated %}
         /*
          * ### Start sidenav-fixed offset ###