diff --git a/borgweb/borg/static/borg/js/chart.js b/borgweb/borg/static/borg/js/chart.js
index 66b0979..aefadb7 100644
--- a/borgweb/borg/static/borg/js/chart.js
+++ b/borgweb/borg/static/borg/js/chart.js
@@ -5,7 +5,7 @@ function draw_time_graph(chartID, repos, dateLabels, sizeUnits) {
             label: repo.label,
             data: repo.size,
             fill: false,
-            borderColor: 'rgb(75, 192, 192)'
+            borderColor: 'rgb(7, 59, 76)'
         });
     })
 
diff --git a/borgweb/borg/templates/borg/base.html b/borgweb/borg/templates/borg/base.html
index b0849c9..4a5ea22 100644
--- a/borgweb/borg/templates/borg/base.html
+++ b/borgweb/borg/templates/borg/base.html
@@ -19,7 +19,7 @@
     <title>{% block title %}Title{% endblock %}</title>
 </head>
 <body>
-<nav class="navbar navbar-expand-md navbar-dark bg-secondary mb-2">
+<nav class="navbar navbar-expand-md navbar-light bg-primary">
     <div class="container-fluid">
         <a class="navbar-brand" href="https://george.ooo">Home</a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
diff --git a/borgweb/borg/templates/borg/index.html b/borgweb/borg/templates/borg/index.html
index 36a0001..3e231cd 100644
--- a/borgweb/borg/templates/borg/index.html
+++ b/borgweb/borg/templates/borg/index.html
@@ -56,10 +56,10 @@
         </dl>
     </div>
     {% endfor %}
-    <div style="width: 600px;" class="repo-container shadow rounded bg-primary overflow-hidden">
+    <div style="width: 600px;" class="repo-container shadow rounded bg-info overflow-hidden">
         <canvas id="daily_backup_size" width="400" height="200"></canvas>
     </div>
-    <div style="width: 600px;" class="repo-container shadow rounded bg-primary overflow-hidden">
+    <div style="width: 600px;" class="repo-container shadow rounded bg-info overflow-hidden">
         <canvas id="monthly_backup_size" width="400" height="200"></canvas>
     </div>
     {% else %}
diff --git a/borgweb/static/theme.scss b/borgweb/static/theme.scss
index 7be2949..6eb081e 100644
--- a/borgweb/static/theme.scss
+++ b/borgweb/static/theme.scss
@@ -1,25 +1,30 @@
 @import "./scss/functions";
 
 // default variable overrides
-$body-bg: #f0f8ff;
+// $body-bg: #f0f8ff;
+$enable-gradients: True;
 
 @import "./scss/variables";
 @import "./scss/mixins";
 
-// custom maps
 $custom-colors: (
-        "primary":    #a0c4ff,
-        "info":       #ffc6ff,
-        "success":    #caffbf,
-        "secondary":  #bdb2ff,
-        "warning":    #fdffb6,
-        "danger":     #ffadad,
-        "light":      #f8f9fa,
-        "dark":       #212529
+        "primary":    #ffd166,
+        "secondary":  #ffff97,
+        "tertiary":   #eee4e1,
+        "info":       #118AB2,
+        "success":    #06D6A0,
+        "warning":    #ffab66,
+        "danger":     #EF476F,
+        "light":      #f8f7f9,
+        "dark":       #073B4C
 );
 
 $theme-colors: map-merge($theme-colors, $custom-colors);
 
+$body-color: map-get($custom-colors, "dark");
+$navbar-light-color:  rgba(map-get($custom-colors, "dark"), .50);
+$navbar-light-active-color: map-get($custom-colors, "dark");
+
 @import "./scss/bootstrap";
 
 // custom code
\ No newline at end of file
