Update color theme to white and blue

- Border accent shadow effect that makes assets float of page
- Apply border accent to image captions

_includes/image.html

@@ -1,8 +1,8 @@
 <!-- _includes/image.html -->
 {% if include.fullwidth %}
-<figure class="fullwidth">
+<figure class="border-accent fullwidth">
 {% else %}
-<figure>
+<figure class="border-accent">
 {% endif %}
     {% if include.url %}
     <a href="{{ include.url }}">

_sass/_base.scss

@@ -79,12 +79,16 @@ img {
 /**
  * Figures
  */
-figure > img {
+figure {
-  display: block;
+  > img {
+    display: block;
+  }
 }
 
 figcaption {
-  font-size: $small-font-size;
+  font-size: 0.75rem;
+  font-style: italic;
+  padding: 0.5rem 1rem;
 }
 
 /**

_sass/_header.scss

@@ -4,6 +4,8 @@
 .site-header {
   border-bottom: 3px dashed $grey-color-light;
   border-bottom: 3px dashed rgba(254, 168, 106, 0.6);
+  border-bottom: 3px dashed rgba(8,76,207,.6);
+  border-bottom: unset !important;
   min-height: calc(var(--spacing-unit) * 1.865);
 
   // Positioning context for the mobile navigation icon

_sass/_layout.scss

@@ -194,3 +194,13 @@ figure.fullwidth {
     }
   }
 }
+
+@mixin border-accent {
+  background-color: white;
+  border: 1px solid rgba(8,76,207,0.3);
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(8, 76, 207, 0.07) 4px 4px 0px 0px;
+}
+
+.border-accent {
+  @include border-accent;
+}

_sass/main.scss

@@ -11,30 +11,40 @@
   font-weight: bold;
   src: url("/assets/fonts/FiraCode-Bold.ttf");
 }
+@font-face {
+  font-family: "Post title font";
+  src: url("/assets/fonts/font-title.woff2");
+}
+@font-face {
+  font-family: "Post subtitle font";
+  src: url("/assets/fonts/font-subtitle.woff2");
+}
 
-$text-color: white;
+$text-color: #4B5361;
-$background-color: #222129;
+$background-color: #F6F5EF;
-$brand-color: #fea86a;
+$brand-color: rgb(8, 76, 207, 0.8);
 
 :root {
   --font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace;
   --font-size: 16px;
   --font-weight: 400;
   --font-size-small: 14px;
-  --line-height: 1.5;
+  --line-height: 1.625;
 
   --spacing-unit: 2.5em;
 
-  --text-color: $text-color;
+  --text-color: #4B5361;
-  --background-color: $background-color;
+  --background-color: #F6F5EF;
-  --brand-color: $brand-color;
+  --brand-color: rgb(8, 76, 207, 0.8);
+
   --border-color: hsla(0, 0%, 100%, 0.1);
 }
+
 $base-font-family: "Fira Code", Monaco, Consolas, "Ubuntu Mono", monospace !default;
 $base-font-size: 16px !default;
 $base-font-weight: 400 !default;
 $small-font-size: $base-font-size * 0.875 !default;
-$base-line-height: 1.5 !default;
+$base-line-height: 1.625 !default;
 
 $spacing-unit: 2.5em !default;