fix breadcrumb and footer curve color

assets/sass/theme/components/_breadcrumb.sass

@@ -1,4 +1,11 @@
 .breadcrumb
     &-wrapper
         background: $footer-background-color
-        border: 0
+        border: 0
+        ol
+            --bs-breadcrumb-item-active-color: #{$footer-color}
+            --bs-breadcrumb-divider-color: rgba(255,255,255, .7)
+        &,
+        li,
+        a
+            color: var(--bs-breadcrumb-divider-color)

assets/sass/theme/layout/_main.sass

@@ -3,7 +3,7 @@ main
     position: relative
     &:after
         aspect-ratio: 2000/50
-        background-image: url( "/assets/images/curve.svg" )
+        background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 2000 50'><path d='M0 2.03394V50H2000V0.870483C1999.35 1.61206 1999 2.00049 1999 2.00049C1999 2.00049 1405 22.0004 999 22.0004C602.668 22.0004 27.1825 2.94165 0 2.03394Z' fill='#{$footer-background-color}'/></svg>"))
         background-position: center bottom
         background-repeat: no-repeat
         background-size: 100% auto

package.json

@@ -1,6 +1,6 @@
 {
     "name": "hugolify-theme-3",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "homepage": "https://www.hugolify.io",
     "repository": "https://github.com/hugolify/hugolify-theme-3",
     "bugs": {