diff --git a/web/static/css/theme.css b/web/static/css/theme.css
index 457f025..4d83e54 100644
--- a/web/static/css/theme.css
+++ b/web/static/css/theme.css
@@ -187,6 +187,11 @@ img {
     color: #fff;
 }
 
+.nonshy-navbar-notification-tag.is-link {
+    background-color: rgb(66, 88, 255);
+    color: #fff;
+}
+
 .nonshy-navbar-notification-tag.is-danger {
     background-color: #ff0537;
     color: #fff;
diff --git a/web/templates/account/block_list_add.html b/web/templates/account/block_list_add.html
index b4e07f1..a1cb33e 100644
--- a/web/templates/account/block_list_add.html
+++ b/web/templates/account/block_list_add.html
@@ -1,7 +1,7 @@
 {{define "title"}}Add to Block List{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/account/dashboard.html b/web/templates/account/dashboard.html
index c1757bc..eed0c40 100644
--- a/web/templates/account/dashboard.html
+++ b/web/templates/account/dashboard.html
@@ -1,7 +1,7 @@
 {{define "title"}}My Dashboard{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">User Dashboard</h1>
diff --git a/web/templates/account/deactivate.html b/web/templates/account/deactivate.html
index 8267c57..a0d88dd 100644
--- a/web/templates/account/deactivate.html
+++ b/web/templates/account/deactivate.html
@@ -1,7 +1,7 @@
 {{define "title"}}Deactivate Account{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/account/delete.html b/web/templates/account/delete.html
index 0572315..7438711 100644
--- a/web/templates/account/delete.html
+++ b/web/templates/account/delete.html
@@ -1,7 +1,7 @@
 {{define "title"}}Delete Account{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/account/forgot_password.html b/web/templates/account/forgot_password.html
index 6c08b1d..e45f793 100644
--- a/web/templates/account/forgot_password.html
+++ b/web/templates/account/forgot_password.html
@@ -1,7 +1,7 @@
 {{define "title"}}Log In{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">Reset Password</h1>
diff --git a/web/templates/account/login.html b/web/templates/account/login.html
index f849501..3b458aa 100644
--- a/web/templates/account/login.html
+++ b/web/templates/account/login.html
@@ -1,7 +1,7 @@
 {{define "title"}}Log In{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">Sign in</h1>
diff --git a/web/templates/account/my_user_notes.html b/web/templates/account/my_user_notes.html
index aaa53c4..5faad67 100644
--- a/web/templates/account/my_user_notes.html
+++ b/web/templates/account/my_user_notes.html
@@ -3,7 +3,7 @@
 {{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <div class="level">
diff --git a/web/templates/account/settings.html b/web/templates/account/settings.html
index 863d81d..68ee054 100644
--- a/web/templates/account/settings.html
+++ b/web/templates/account/settings.html
@@ -1,7 +1,7 @@
 {{define "title"}}User Settings{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">User Settings</h1>
@@ -414,7 +414,7 @@
                         </div>
 
                         <!-- Header preview hero, should be similar to profile page. -->
-                        <div class="hero is-info mb-4" id="header-hero-preview">
+                        <div class="hero is-link is-bold mb-4" id="header-hero-preview">
                             <div class="hero-body p-4">
                                 <div class="container">
                                     <div class="columns is-mobile is-gapless mt-1 mb-6">
diff --git a/web/templates/account/signup.html b/web/templates/account/signup.html
index 665b521..71d3390 100644
--- a/web/templates/account/signup.html
+++ b/web/templates/account/signup.html
@@ -1,7 +1,7 @@
 {{define "title"}}Sign Up{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">Sign up</h1>
diff --git a/web/templates/account/two_factor_login.html b/web/templates/account/two_factor_login.html
index fcb4b1d..b0c0686 100644
--- a/web/templates/account/two_factor_login.html
+++ b/web/templates/account/two_factor_login.html
@@ -1,7 +1,7 @@
 {{define "title"}}Two-Factor Authentication{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/account/two_factor_setup.html b/web/templates/account/two_factor_setup.html
index 0bc79e3..eead8f5 100644
--- a/web/templates/account/two_factor_setup.html
+++ b/web/templates/account/two_factor_setup.html
@@ -1,7 +1,7 @@
 {{define "title"}}Two-Factor Authentication{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/account/user_notes.html b/web/templates/account/user_notes.html
index 1c050c0..cf32382 100644
--- a/web/templates/account/user_notes.html
+++ b/web/templates/account/user_notes.html
@@ -6,7 +6,7 @@
     {{template "profile-theme-hero-style" .User}}
 </style>
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <div class="level">
diff --git a/web/templates/admin/transparency.html b/web/templates/admin/transparency.html
index de7d8b6..e88505c 100644
--- a/web/templates/admin/transparency.html
+++ b/web/templates/admin/transparency.html
@@ -1,7 +1,7 @@
 {{define "title"}}Admin Transparency for: {{.User.Username}}{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/admin/user_actions.html b/web/templates/admin/user_actions.html
index 14cb9eb..b5a0b92 100644
--- a/web/templates/admin/user_actions.html
+++ b/web/templates/admin/user_actions.html
@@ -1,7 +1,7 @@
 {{define "title"}}Admin Action: {{.User.Username}}{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/base.html b/web/templates/base.html
index a682f66..7473620 100644
--- a/web/templates/base.html
+++ b/web/templates/base.html
@@ -67,7 +67,7 @@
                 <a class="navbar-item px-1" href="/chat">
                     <span class="icon"><i class="fa fa-message"></i></span>
                     <span>Chat</span>
-                    {{if .NavChatStatistics.UserCount}}<span class="nonshy-navbar-notification-tag is-info ml-1">{{.NavChatStatistics.UserCount}}</span>{{end}}
+                    {{if .NavChatStatistics.UserCount}}<span class="nonshy-navbar-notification-tag is-link ml-1">{{.NavChatStatistics.UserCount}}</span>{{end}}
                 </a>
 
                 <a class="navbar-item px-1" href="/forum">
@@ -253,7 +253,7 @@
     {{if .LoggedIn}}
     <div class="mobile nonshy-mobile-notification">
         {{if .CurrentUser.Certified}}
-        <a class="tag {{if gt .NavChatStatistics.UserCount 0}}is-info{{else}}is-grey{{end}} py-4"
+        <a class="tag {{if gt .NavChatStatistics.UserCount 0}}is-link{{else}}is-grey{{end}} py-4"
             href="/chat">
             <span class="icon"><i class="fa fa-message"></i></span>
             {{if gt .NavChatStatistics.UserCount 0}}
diff --git a/web/templates/comment/post_comment.html b/web/templates/comment/post_comment.html
index a631ca5..23a32c2 100644
--- a/web/templates/comment/post_comment.html
+++ b/web/templates/comment/post_comment.html
@@ -7,7 +7,7 @@
 {{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/contact.html b/web/templates/contact.html
index 3d3b685..f45477e 100644
--- a/web/templates/contact.html
+++ b/web/templates/contact.html
@@ -1,7 +1,7 @@
 {{define "title"}}{{.PageTitle}}{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/forum/new_post.html b/web/templates/forum/new_post.html
index 300f3c3..7fffb8c 100644
--- a/web/templates/forum/new_post.html
+++ b/web/templates/forum/new_post.html
@@ -9,7 +9,7 @@
 {{end}}
 {{define "content"}}
 <div class="container" id="app">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/inbox/compose.html b/web/templates/inbox/compose.html
index 4d44f28..7417396 100644
--- a/web/templates/inbox/compose.html
+++ b/web/templates/inbox/compose.html
@@ -1,7 +1,7 @@
 {{define "title"}}Compose a Message{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/inbox/inbox.html b/web/templates/inbox/inbox.html
index c621cad..9133038 100644
--- a/web/templates/inbox/inbox.html
+++ b/web/templates/inbox/inbox.html
@@ -1,7 +1,7 @@
 {{define "title"}}Message Inbox{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/photo/certification.html b/web/templates/photo/certification.html
index 09c2254..ae792bb 100644
--- a/web/templates/photo/certification.html
+++ b/web/templates/photo/certification.html
@@ -1,7 +1,7 @@
 {{define "title"}}Certification Photo{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/photo/delete.html b/web/templates/photo/delete.html
index ab6aaef..d59b3d0 100644
--- a/web/templates/photo/delete.html
+++ b/web/templates/photo/delete.html
@@ -1,7 +1,7 @@
 {{define "title"}}Delete Photo{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/photo/gallery.html b/web/templates/photo/gallery.html
index c5f6b6b..e3223fa 100644
--- a/web/templates/photo/gallery.html
+++ b/web/templates/photo/gallery.html
@@ -85,7 +85,7 @@
     </style>
 {{end}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <div class="level">
diff --git a/web/templates/photo/permalink.html b/web/templates/photo/permalink.html
index fd810d3..2e16707 100644
--- a/web/templates/photo/permalink.html
+++ b/web/templates/photo/permalink.html
@@ -1,7 +1,7 @@
 {{define "title"}}Photo: {{or .Photo.Caption "No caption"}}{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/photo/share.html b/web/templates/photo/share.html
index 4a4f69b..dcaa5fb 100644
--- a/web/templates/photo/share.html
+++ b/web/templates/photo/share.html
@@ -1,7 +1,7 @@
 {{define "title"}}Share Private Photos{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">
diff --git a/web/templates/photo/upload.html b/web/templates/photo/upload.html
index 003a4bb..a6c207c 100644
--- a/web/templates/photo/upload.html
+++ b/web/templates/photo/upload.html
@@ -1,7 +1,7 @@
 {{define "title"}}Upload a Photo{{end}}
 {{define "content"}}
 <div class="container">
-    <section class="hero is-info">
+    <section class="hero is-link is-bold">
         <div class="hero-body">
             <div class="container">
                 <h1 class="title">