diff --git a/public/waterline.svg b/public/waterline-dark.svg
similarity index 91%
rename from public/waterline.svg
rename to public/waterline-dark.svg
index 8b98936..ed01852 100644
--- a/public/waterline.svg
+++ b/public/waterline-dark.svg
@@ -2,6 +2,6 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="100%" height="100%" viewBox="0 0 734 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
     <g transform="matrix(0.412851,0,0,0.412851,-164.727,-144.911)">
-        <path d="M399,404C477.667,404 563.667,422.167 640,421C712.766,419.888 784.237,398.26 857,397C934,395.667 1021,413.167 1102,413C1182.53,412.834 1262.47,395.225 1343,396C1482.5,397.343 1719.83,418.976 1861,421.056C1915.68,421.862 2097.72,404.026 2176.88,404.026L2176.88,351.026L399,351L399,404Z" style="fill:rgb(255,0,0);"/>
+        <path d="M399,404C477.667,404 563.667,422.167 640,421C712.766,419.888 784.237,398.26 857,397C934,395.667 1021,413.167 1102,413C1182.53,412.834 1262.47,395.225 1343,396C1482.5,397.343 1719.83,418.976 1861,421.056C1915.68,421.862 2097.72,404.026 2176.88,404.026L2176.88,351.026L399,351L399,404Z" style="fill:rgb(55,83,123);"/>
     </g>
 </svg>
diff --git a/public/waterline-light.svg b/public/waterline-light.svg
new file mode 100644
index 0000000..fb8ca33
--- /dev/null
+++ b/public/waterline-light.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 734 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.412851,0,0,0.412851,-164.727,-144.911)">
+        <path d="M399,404C477.667,404 563.667,422.167 640,421C712.766,419.888 784.237,398.26 857,397C934,395.667 1021,413.167 1102,413C1182.53,412.834 1262.47,395.225 1343,396C1482.5,397.343 1719.83,418.976 1861,421.056C1915.68,421.862 2097.72,404.026 2176.88,404.026L2176.88,351.026L399,351L399,404Z" style="fill:rgb(183,218,255);"/>
+    </g>
+</svg>
diff --git a/src/templates/src/fishbowl.html b/src/templates/src/fishbowl.html
index 797bdd6..d8306eb 100644
--- a/src/templates/src/fishbowl.html
+++ b/src/templates/src/fishbowl.html
@@ -41,24 +41,10 @@
 <style>
     .fishbowl-banner {
         background-color: {{ eq .Theme "dark" | ternary "#254464" "#a0c8f2" }};
-        position: relative;
-        overflow: hidden;
-        padding-top: 30px;
-    }
-
-    .fishbowl-banner::before {
-        content: '';
-        position: absolute;
-        top: 0; left: 0; right: 0; bottom: 0;
-        pointer-events: none;
-        background-image: url({{ static "waterline.svg" }});
+        background-image: url({{ static (eq .Theme "dark" | ternary "waterline-dark.svg" "waterline-light.svg") }});
         background-size: 734px 30px;
         background-repeat: repeat-x;
-        {{ if eq .Theme "dark" }}
-            filter: hue-rotate(210deg) saturate(0.3) brightness(1.1);
-        {{ else }}
-            filter: hue-rotate(210deg) saturate(0.15) brightness(2.9);
-        {{ end }}
+        padding-top: 30px;
     }
 
     .fishbowl-banner a {