Логотип, фон, исправление мигания шрифта

themes/mmotium/assets/css/_base.scss

@@ -7,9 +7,11 @@
 body {
   font-size: 16px;
   font-family: $main_font, Helvetica, sans-serif;
+  font-display: swap;
   line-height: normal;
   color: $font-color;
-  background: url($page-bg-image) repeat scroll 0 0 $page-bg-color;
+  background-color: $page-bg-color;
+  // background: url($page-bg-image) repeat scroll 0 0 $page-bg-color;
 }
 
 h1,

themes/mmotium/assets/css/_vars.scss

@@ -3,13 +3,14 @@ $tablet-width: 768px;
 
 $font-color: #333333;
 
-$navbar-color: #2262b1;
+$navbar-color: #404c5e;
+// $navbar-color: #2262b1;
 $navbar-text-color: white;
 $link-color: #00465c;
 $link-hover-color: #0096c4;
 $tag-color: #728fb6;
 
-$page-bg-color: #784323;
+$page-bg-color: #dfdfdf;
 $page-bg-image: "/images/bg.jpg";
 $post-bg-color: white;
 

themes/mmotium/assets/css/style.scss

@@ -16,10 +16,19 @@ nav.navbar {
     font-size: 1.5rem;
     padding: 10px 0;
     margin-bottom: 1rem;
+
+  }
+
+  .logo {
+    width: 1.5em;
+    height: 1.5em;
+    margin-right: 0.5em;
   }
 
   .container {
     padding: 0 24px;
+    display: flex;
+    align-items: center;
   }
 
   a:link,

themes/mmotium/layouts/partials/header.html

@@ -1,7 +1,10 @@
 <header>
     <nav class="navbar">
         <div class="container">
-            <a href="/">Главная</a>
+            <img src="/images/favicon.png" alt="logo" class="logo">
+            {{if not (eq .RelPermalink "/") }}
+                <a href="/">На главную</a>
+            {{end}}
         </div>
     </nav>
 </header>