diff --git a/ui/site/admin-audit.html b/ui/site/admin-audit.html
index fdcb1e9..d68e6ff 100644
--- a/ui/site/admin-audit.html
+++ b/ui/site/admin-audit.html
@@ -170,7 +170,7 @@ if (conf["custom_css_file"]) {
   <div class="container">
     <div class="row col-md-12">
       <div style="width:100%;">
-        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
           <a class="navbar-brand" href="#">Admin</a>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
             aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/ui/site/admin-magic-sync.html b/ui/site/admin-magic-sync.html
index 543e021..6ae4e57 100644
--- a/ui/site/admin-magic-sync.html
+++ b/ui/site/admin-magic-sync.html
@@ -106,7 +106,7 @@
   <div class="container">
     <div class="row col-md-12">
       <div style="width:100%;">
-        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
           <a class="navbar-brand" href="#">Admin</a>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
             aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/ui/site/admin-privacy-settings.html b/ui/site/admin-privacy-settings.html
index 9181993..a146d6e 100644
--- a/ui/site/admin-privacy-settings.html
+++ b/ui/site/admin-privacy-settings.html
@@ -575,7 +575,7 @@
   <div class="container">
     <div class="row col-md-12">
       <div style="width:100%;">
-        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
           <a class="navbar-brand" href="#">Admin</a>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
             aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/ui/site/admin-view-requests.html b/ui/site/admin-view-requests.html
index 25eea23..e6be799 100644
--- a/ui/site/admin-view-requests.html
+++ b/ui/site/admin-view-requests.html
@@ -208,7 +208,7 @@
   <div class="container">
     <div class="row col-md-12">
       <div style="width:100%;">
-        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
           <a class="navbar-brand" href="#">Admin</a>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
             aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/ui/site/user-apps.html b/ui/site/user-apps.html
index 950d25a..0fdfd90 100644
--- a/ui/site/user-apps.html
+++ b/ui/site/user-apps.html
@@ -42,7 +42,7 @@ if (conf["custom_css_file"]) {
     <div class="container">
         <div class="row col-md-12">
             <div style="width:100%;">
-                <nav class="navbar navbar-expand-lg navbar-light bg-light">
+                <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
                     <button class="navbar-toggler" type="button" data-toggle="collapse"
                         data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                         aria-label="Toggle navigation">
diff --git a/ui/site/user-audit.html b/ui/site/user-audit.html
index 60ebfa1..2d2bb7b 100644
--- a/ui/site/user-audit.html
+++ b/ui/site/user-audit.html
@@ -175,7 +175,7 @@ if (conf["custom_css_file"]) {
   <div class="container">
     <div class="row col-md-12">
       <div style="width:100%;">
-        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
             aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
diff --git a/ui/site/user-consent-management.html b/ui/site/user-consent-management.html
index f2d074d..0cbbf2e 100644
--- a/ui/site/user-consent-management.html
+++ b/ui/site/user-consent-management.html
@@ -33,7 +33,7 @@ if (conf["custom_css_file"]) {
     <div class="container">
         <div class="row col-md-12">
             <div style="width:100%;">
-                <nav class="navbar navbar-expand-lg navbar-light bg-light">
+                <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
                     <button class="navbar-toggler" type="button" data-toggle="collapse"
                         data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                         aria-label="Toggle navigation">
diff --git a/ui/site/user-profile.html b/ui/site/user-profile.html
index 7cedfd1..68bfb60 100644
--- a/ui/site/user-profile.html
+++ b/ui/site/user-profile.html
@@ -37,7 +37,7 @@ if (conf["custom_css_file"]) {
     <div class="container">
         <div class="row col-md-12">
             <div style="width:100%;">
-                <nav class="navbar navbar-expand-lg navbar-light bg-light">
+                <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
                     <button class="navbar-toggler" type="button" data-toggle="collapse"
                         data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                         aria-label="Toggle navigation">
diff --git a/ui/site/user-requests.html b/ui/site/user-requests.html
index 21dbc82..1fc326d 100644
--- a/ui/site/user-requests.html
+++ b/ui/site/user-requests.html
@@ -184,7 +184,7 @@
   <div class="container">
     <div class="row col-md-12">
       <div style="width:100%;">
-        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
                     <button class="navbar-toggler" type="button" data-toggle="collapse"
                         data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
                         aria-label="Toggle navigation">