Customizing theme, long way to go.

blog/_config.yml

@@ -8,7 +8,7 @@
 # For technical reasons, this file is *NOT* reloaded automatically when you use
 # 'bundle exec jekyll serve'. If you change this file, please restart the server process.
 #
-# If you need help with YAML syntax, here are some quick references for you: 
+# If you need help with YAML syntax, here are some quick references for you:
 # https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
 # https://learnxinyminutes.com/docs/yaml/
 #
@@ -23,26 +23,27 @@ email: blog@newsblur.com
 tagline: A new sound of an old instrument
 description: > # this means to ignore newlines until "baseurl:"
   NewsBlur is a personal news reader that brings people together to talk about the world.
-  
+
   A new sound of an old instrument.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://blog.newsblur.com" # the base hostname & protocol for your site, e.g. http://example.com
 site.url: "https://blog.newsblur.com" # the base hostname & protocol for your site, e.g. http://example.com
 permalink: pretty
 twitter_username: newsblur
-github_username:  samuelclay
+github_username: samuelclay
 logo: /assets/newsblur_logo_512.png
 future: true
 
 # Build settings
 theme: minima
+minima:
+  skin: auto
 plugins:
   - jekyll-feed
   - jekyll-redirect-from
   - jekyll-paginate
 paginate: 10
 paginate_path: "/page:num"
-
 # Exclude from processing.
 # The following items will not be processed, by default.
 # Any item listed under the `exclude:` key here will be automatically added to

blog/_sass/minima/custom-styles.scss

@@ -1,2 +1,32 @@
 // Placeholder to allow defining custom styles that override everything else.
 // (Use `_sass/minima/custom-variables.scss` to override variable defaults)
+
+
+.site-header {
+  position: sticky;
+  top: 0;
+  background-color: $background-color;
+ 
+  // Positioning context for the mobile navigation icon
+  position: relative;
+  .wrapper {
+    display: flex;
+    align-items: center;
+  }
+ }
+
+
+.post {
+  img, video {
+    max-width: 650px;
+    vertical-align: middle;
+    display: block;
+    margin: 24px auto;
+  }
+}
+
+.site-title {
+  @include relative-font-size(2.125);
+  font-weight: 600;
+  line-height: $base-line-height * $base-font-size * 2.25;
+}

blog/_sass/minima/custom-variables.scss

@@ -1 +1,4 @@
 // Placeholder to allow overriding predefined variables smoothly.
+
+$lm-site-title-color:      #1b3e63 !default;
+$dm-site-title-color:      #1b3e63 !default;

blog/_sass/minima/initialize.scss

@@ -2,7 +2,7 @@
 
 // Define defaults for each variable.
 
-$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
+$base-font-family: "Whitney A", "Whitney B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
 $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
 $base-font-size:   16px !default;
 $base-font-weight: 400 !default;

blog/_sass/minima/skins/auto.scss

@@ -10,14 +10,14 @@ $color-scheme-dark: false !default;
 // Light mode
 // ----------
 
-$lm-brand-color:           #828282 !default;
+$lm-brand-color:           #C66426 !default;
 $lm-brand-color-light:     lighten($lm-brand-color, 40%) !default;
 $lm-brand-color-dark:      darken($lm-brand-color, 25%) !default;
 
 $lm-site-title-color:      $lm-brand-color-dark !default;
 
 $lm-text-color:            #111111 !default;
-$lm-background-color:      #fdfdfd !default;
+$lm-background-color:      #FDFCF3 !default;
 $lm-code-background-color: #eeeeff !default;
 
 $lm-link-base-color:       #2a7ae2 !default;