chulapa-jekyll 1.0.1 → 2.0.0

data/_sass/{chulapa-misc.scss → chulapa/_reboot.scss}

@@ -1,3 +1,8 @@
+/*!
+ * Misc classes and formats for chulapa
+ */
+
+
 // Defaults needed as Bootstrap doesn't specifically format these tags
 body {
     min-height: 100vh;
@@ -76,7 +81,7 @@ figcaption, caption, .figcaption, .caption {
   margin-right: auto;
 }
 
-.highlight {
+pre {
     @extend .p-2;
 }
 
@@ -99,7 +104,22 @@ figcaption, caption, .figcaption, .caption {
   }
 }
 
-// For disqus recommendations
-#disqus_recommendations {
-    width: 100%;
+
+
+// Transition on icons
+ // Icons
+
+.fa, .far, .fas, .fal, .fab, .fa-solid, .fa-regular, .fa-light, .fa-thin, 
+.fa-duotone, .fa-sharp, .fa-brands { 
+  -webkit-transition: all 0.2s ease-out;
+  -moz-transition: all 0.2s ease-out;
+  transition: all 0.2s ease-out;
+  
+  &:hover {
+    -webkit-transform: scale(1.3, 1.3);
+    -ms-transform: scale(1.3, 1.3);
+    -o-transform: scale(1.3, 1.3);
+  transform: scale(1.3, 1.3);
+  
+  }
 }

data/_sass/{chulapa-vars.scss → chulapa/_variables.scss}

@@ -15,10 +15,11 @@ $navbar-chulapa-toggler-border-color: $navbar-chulapa-toggler-color !default;
 
 //Footer
 $footer-chulapa-bg-color: $navbar-chulapa-bg-color !default;
-$footer-chulapa-text-color: $navbar-chulapa-hover-color !default;
-$footer-chulapa-hover-color: $navbar-chulapa-text-color !default;
+$footer-chulapa-text-contrast: color-contrast($footer-chulapa-bg-color, $black, $white);
+$footer-chulapa-text-color: mix($footer-chulapa-text-contrast, $footer-chulapa-bg-color, 75%) !default;
+$footer-chulapa-hover-color: mix($footer-chulapa-text-contrast, $footer-chulapa-bg-color, 90%) !default;
 $footer-chulapa-icon-color: $footer-chulapa-text-color !default;
-$footer-chulapa-icon-hover-color: $footer-chulapa-hover-color !default;
+$footer-chulapa-icon-hover-color: mix($footer-chulapa-text-contrast, $footer-chulapa-bg-color, 50%) !default;
 
 //Hero
 $hero-chulapa-bg-color: $navbar-chulapa-bg-color !default;
@@ -35,7 +36,7 @@ $blockquote-chulapa-text-color: mix($blockquote-chulapa-bg-color, $body-color, 2
 
 $footnote-chulapa-text-color: color-contrast($body-bg, $gray-600, $gray-300) !default;
 
-$pre-chulapa-bg-color: lighten($blockquote-chulapa-bg-color, 2%) !default;
+$pre-chulapa-bg-color: mix($white, $primary, 95%) !default;
 
 //Table
 $thead-chulapa-bg-color: $primary !default;
@@ -45,4 +46,23 @@ $thead-chulapa-text-color: color-contrast($thead-chulapa-bg-color, $black, $whit
 //Pagination
 $pagination-chulapa-text-color: $body-color !default;
 $pagination-chulapa-bg-hover-color: $primary !default;
-$pagination-chulapa-text-hover-color: color-contrast($pagination-chulapa-bg-hover-color, $black, $white) !default;
+$pagination-chulapa-text-hover-color: color-contrast($pagination-chulapa-bg-hover-color, $black, $white) !default;
+
+
+// Chulapa Layouts
+
+$indexcards-chulapa-border-color: $text-muted !default;
+
+// Cactus comments
+
+$cactus-btn-text: color-contrast($secondary, $black, $white);
+
+:root {
+  --cactus-error-color: #{$danger};
+  --cactus-border-radius: #{$btn-border-radius};
+  --cactus-button-text-color: #{$cactus-btn-text};
+  --cactus-border-color: #{$secondary};
+  --cactus-button-color: #{$secondary};
+  --cactus-text-color: #{$footer-chulapa-text-color};
+  --cactus-text-color--soft: #{$footer-chulapa-hover-color};
+}

data/_sass/chulapa-master.scss

@@ -4,8 +4,8 @@
  * Licensed under MIT
  */
 
-@import "bootstrapv5-migration";
-@import "chulapa-mixins";
-@import "chulapa-vars";
-@import "chulapa-misc";
-@import "chulapa-classes";
+@import "chulapa/_bootstrapv5";
+@import "chulapa/_mixins";
+@import "chulapa/_variables";
+@import "chulapa/_reboot";
+@import "chulapa/_classes";

data/_sass/highlight/monokai.scss

@@ -59,7 +59,7 @@
 .highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
 .highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
 
-.highlight .gh { } /* Generic Heading & Diff Header */
+.highlight .gh { color: #ff0000} /* Generic Heading & Diff Header */
 .highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
 .highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
 .highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */

data/_sass/reset-algolia.scss

@@ -12,7 +12,7 @@
   }
   
   li {
-    list-style:none;
+    list-style: none;
   }
   
 }

data/_sass/skins/academia.scss

@@ -1,26 +1,32 @@
 /*! Academia by dieghernan */
 
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto+Mono&family=Roboto:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 
 
-$font-family-base: Roboto, sans-serif;
-$headings-font-family: Montserrat, sans-serif;
-$font-family-monospace: Roboto Mono, monospace;
-$white: white;
-$primary: #1565c0;
-$body-bg: white;
-$navbar-chulapa-bg-color: white;
-$navbar-chulapa-active-color: #2962ff;
-$footer-chulapa-icon-color: #1565c0;
-$footer-chulapa-icon-hover-color: transparent;
-$h1-font-size: 2.25rem;
-$h2-font-size: 1.5rem;
-$h3-font-size: 1.25rem;
-$h4-font-size: 1rem;
-$h5-font-size: 1rem;
-$h6-font-size: 1rem;
+$font-family-base: Roboto, sans-serif !default;
+$headings-font-family: Montserrat, sans-serif !default;
+$font-family-monospace: Roboto Mono, monospace !default;
+$white: white !default;
+$primary: #1565c0 !default;
+$body-bg: white !default;
+$navbar-chulapa-bg-color: $body-bg !default;
+$navbar-chulapa-active-color: #2962ff !default;
+$footer-chulapa-icon-color: #1565c0 !default;
+$footer-chulapa-icon-hover-color: transparent !default;
+$hero-chulapa-bg-color: $primary !default;
+$h1-font-size: 2.25rem !default;
+$h2-font-size: 1.5rem !default;
+$h3-font-size: 1.25rem !default;
+$h4-font-size: 1rem !default;
+$h5-font-size: 1rem !default;
+$h6-font-size: 1rem !default;
 
 .navbar-chulapa-fab .dropdown-item.active, 
 .navbar-chulapa-fab .dropdown-item:active {
-    background-color:white;
+    background-color:$body-bg;
+}
+
+
+.chulapa-links-hover-only i {
+  color:$primary;
 }

data/_sass/skins/auto.scss

@@ -23,4 +23,5 @@ $danger: mix(#dc3545, $primary, 75%) !default;
 $light: mix(white, $primary, 75%) !default;
 $dark: mix(black, $primary, 75%) !default;
 $carousel-control-color:             $dark !default;
-$carousel-indicator-active-bg:       $dark !default;
+$carousel-indicator-active-bg:       $dark !default;
+$code-color: #E80E61 !default;

data/_sass/skins/chulapa.scss

@@ -3,10 +3,10 @@
 @import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
 
 $headings-font-family: chulapa,
-sans-serif;
-$font-family-base: 'Ibarra Real Nova', serif;
-$enable-rounded: false;
-$btn-font-family: $headings-font-family;
+sans-serif !default;
+$font-family-base: 'Ibarra Real Nova', serif !default;
+$enable-rounded: false !default;
+$btn-font-family: $headings-font-family !default;
 
 h1,
 h2,
@@ -41,12 +41,14 @@ label,
     font-family: $headings-font-family !important;
 }
 
-$primary: #edc7b7;
-$secondary: #687864;
-$success: #88bdbc;
-$info: #31708e;
-$warning: #fffe7a;
-$danger: #f13c20;
-$dark: darken($secondary, 10%);
-$navbar-chulapa-toggler-border-color: transparent;
+$primary: #edc7b7 !default;
+$secondary: #687864 !default;
+$success: #88bdbc !default;
+$info: #31708e !default;
+$warning: #fffe7a !default;
+$danger: #f13c20 !default;
+$dark: darken($secondary, 10%) !default;
+$navbar-chulapa-toggler-border-color: transparent !default;
+
+/* Use auto */
 @import "skins/auto";

data/_sass/skins/dark-bg.scss

@@ -0,0 +1,62 @@
+
+$body-bg: #000000 !default;
+$body-color: #ffffff !default;
+$code-color: #E9468E !default;
+$blockquote-chulapa-bg-color: $body-bg !default;
+$blockquote-chulapa-text-color: $body-color !default;
+$pre-chulapa-bg-color: $body-color !default;
+
+
+/*! Import Autothemer */
+@import "skins/auto";
+/*! Import Bootstrap 4 vars */
+@import "bootstrap/functions";
+@import "bootstrap/variables";
+
+$link-hover-color:darken($link-color, 20%);
+$table-accent-bg: rgba($white, .05);
+$table-hover-bg:rgba($white, .075);
+$table-border-color:rgba($white, 0.3);
+$table-dark-border-color: $table-border-color;
+$table-dark-color:$white;
+$dropdown-bg:$gray-800;
+$dropdown-divider-bg:rgba($black, .15);
+$dropdown-link-color:$body-color;
+$dropdown-link-hover-color:$white;
+$dropdown-link-hover-bg:$body-bg;
+$nav-tabs-border-color:rgba($white, 0.3);
+$nav-tabs-link-hover-border-color:$nav-tabs-border-color;
+$nav-tabs-link-active-bg:transparent;
+$nav-tabs-link-active-border-color:$nav-tabs-border-color;
+$navbar-dark-hover-color:$white;
+$navbar-light-hover-color:$gray-800;
+$navbar-light-active-color:$gray-800;
+$pagination-color:$white;
+$pagination-bg:transparent;
+$pagination-border-color:rgba($black, 0.6);
+$pagination-hover-color:$white;
+$pagination-hover-bg:transparent;
+$pagination-hover-border-color:rgba($black, 0.6);
+$pagination-active-bg:transparent;
+$pagination-active-border-color:rgba($black, 0.6);
+$pagination-disabled-bg:transparent;
+$pagination-disabled-border-color:rgba($black, 0.6);
+$jumbotron-bg:lighten($body-bg, 5%);
+$card-border-color:rgba($black, 0.6);
+$card-cap-bg:lighten($gray-800, 10%);
+$card-bg:lighten($body-bg, 5%);
+$modal-content-bg:lighten($body-bg, 5%);
+$modal-header-border-color:rgba(0, 0, 0, .2);
+$progress-bg:lighten($body-bg, 5%);
+$progress-bar-color:$gray-600;
+$list-group-bg:lighten($body-bg, 5%);
+$list-group-border-color:rgba($black, 0.6);
+$list-group-hover-bg:lighten($body-bg, 10%);
+$list-group-active-color:$white;
+$list-group-active-bg:$list-group-hover-bg;
+$list-group-active-border-color:$list-group-border-color;
+$list-group-disabled-color:$gray-800;
+$list-group-disabled-bg:$black;
+$list-group-action-color:$white;
+$breadcrumb-active-color:$gray-500;
+

data/_sass/skins/deeply.scss

@@ -1,5 +1,5 @@
 /*! Tophat `Deeply` Bootstrap 4.3.1 theme */
-@import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700);
+@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@200;300;400;700&display=swap');
 $headings-font-family:Comfortaa;
 
 $primary:#FF550B;
@@ -77,8 +77,9 @@ $breadcrumb-active-color:$gray-500;
     background-color: #111111 !important;
 }
 
-$blockquote-chulapa-bg-color: mix($white, $primary, 90%);
-$pre-chulapa-bg-color: mix($white, $primary, 95%);
+$blockquote-chulapa-bg-color: $jumbotron-bg;
+$blockquote-chulapa-text-color: $body-color;
+$pre-chulapa-bg-color: $body-color;
 
 $navbar-chulapa-bg-color: black;
 $navbar-chulapa-toggler-color: rgba(white, 0.4);

data/_sass/skins/electro.scss

@@ -0,0 +1,20 @@
+/*! Tophat `Electro` Bootstrap 4.3.1 theme */
+@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,700);
+$headings-font-family:Nunito;
+
+$primary:#1633ff;
+$secondary:#a0b7bc;
+$success:#1633ff;
+$danger:#00f900;
+$info:#7ebcfa;
+$warning:#00f900;
+$light:#eef0f2;
+$dark:#000633;
+
+$body-bg:#ffffff;
+$display1-weight:600;
+$display2-weight:600;
+$display3-weight:600;
+$btn-border-radius:1.3rem;
+$btn-border-radius-lg:1.6rem;
+$btn-border-radius-sm:.8rem;

data/_sass/skins/focal.scss

@@ -0,0 +1,52 @@
+/*! Focal by dieghernan */
+
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
+
+$font-family-base: "Fira Sans", sans-serif;
+$headings-font-family: "Playfair Display", serif;
+
+
+.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
+    font-family: $font-family-base;
+    font-weight: 600;
+}
+
+$primary: #ff9285;
+$secondary: #6e6e6e;
+$success: #26a65b;
+$info: #00acc1;
+$warning: #f9690e;
+$danger: #ff0000;
+$light: #f2f1f1;
+$dark: #262626;
+$body-color: $dark;
+
+a:not([class]){
+  text-decoration: underline;
+  color: $dark;
+}
+
+.chulapa-toc-reset a {
+    text-decoration: none;
+}
+
+$navbar-chulapa-bg-color: white;
+$thead-chulapa-bg-color: white; 
+$hero-chulapa-bg-color: $light;
+$footer-chulapa-bg-color: 	$hero-chulapa-bg-color;
+
+.hero-chulapa h1, 
+.hero-chulapa-image h1, 
+.splash-chulapa h1, 
+.splash-chulapa-image h1 {
+    font-family: $font-family-base;
+    font-weight: 600 !important;
+}
+
+nav, .navbar, .navbar-chulapa-fab .nav-item, .navbar-chulapa, .footer-chulapa {
+    font-family: $font-family-base;
+    font-weight: 600 !important;
+}
+
+

data/_sass/skins/gitdev-dark.scss

@@ -0,0 +1,97 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100..700&family=Inter:wght@100..900&family=Inter+Tight:wght@100..900&display=swap');
+
+// Colors
+
+$body-color: #fff !default;
+$body-bg: #24292f !default;
+
+$primary: mix($body-color,$body-bg, 10%) !default;
+$secondary: mix($body-color,$body-bg, 90%) !default;
+$white: #fff !default;
+$black: #373e47 !default;
+$link-color: #2B8FFD !default;
+$success: #2da44e !default;
+$warning: #d4a72c !default;
+$danger: #D86F75 !default;
+$info: #9686BE !default;
+$code-color: #E75CA2 !default;
+
+
+// Typography
+
+$headings-font-family: 'Inter Tight', Roboto !default;
+$font-family-base: 'Inter', Roboto !default;
+$font-family-monospace: 'Roboto Mono', monospace !default;
+$headings-font-weight: 800 !default;
+$text-muted: #8b949e !default;
+
+// Chulapa components
+
+$navbar-chulapa-bg-color: $body-bg !default;
+$navbar-chulapa-toggler-border-color: $body-bg !default;
+$navbar-chulapa-text-color: $body-color !default;
+$navbar-chulapa-hover-color: $text-muted !default;
+$navbar-chulapa-brand-color: $navbar-chulapa-text-color !default;
+
+$footer-chulapa-bg-color: $body-bg !default;
+$footer-chulapa-text-color: $text-muted !default;
+$footer-chulapa-hover-color: #58a6ff !default;
+$footer-chulapa-icon-hover-color: mix($footer-chulapa-hover-color, $footer-chulapa-bg-color, 20%) !default;
+
+// Misc
+// Blockquote
+$blockquote-chulapa-bg-color: $body-bg !default;
+$blockquote-chulapa-text-color: $body-color !default;
+
+$pre-chulapa-bg-color: mix($body-bg, $body-color, 5%) !default;
+
+
+
+$pagination-chulapa-bg-hover-color: $white !default;
+$min-contrast-ratio: 2 !default;
+
+
+// Lines for dark themes
+
+@import "skins/dark-bg";
+
+
+// Special rules
+
+.hero-chulapa h1, 
+.hero-chulapa-image h1, 
+.splash-chulapa h1, 
+.splash-chulapa-image h1 {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight !important;
+}
+
+nav, .navbar, .navbar-chulapa-fab .nav-item, .navbar-chulapa, .footer-chulapa {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight  !important;
+}
+
+
+.navbar-chulapa .active, .navbar-chulapa-fab .active {
+color: mix($navbar-chulapa-text-color, $navbar-chulapa-bg-color, 80%) !important;
+}
+
+
+.chulapa-links-hover-only i {
+  color:$link-color;
+}
+
+.chulapaDateSocial time, .chulapaDateSocial .chulapa-text-line-through {
+  font-family: $font-family-monospace;
+}
+
+time {
+  font-family: $font-family-monospace;
+  font-style: normal !important;
+}
+
+blockquote {
+    border-radius: 0 !important;
+    border-left: solid $link-color !important;
+}
+

data/_sass/skins/gitdev.scss

@@ -0,0 +1,86 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100..700&family=Inter:wght@100..900&family=Inter+Tight:wght@100..900&display=swap');
+
+
+// Colors
+
+$primary: #22272e !default;
+$link-color: #0969da !default;
+$success: #2A874B !default;
+$warning: #C15807 !default;
+$danger: #cf222e !default;
+$info: #8250df !default;
+$black: #0d1117 !default;
+
+$body-bg: #fff !default;
+$body-color: #24292f !default;
+
+// Typography
+
+$headings-font-family: 'Inter Tight', Roboto !default;
+$font-family-base: 'Inter', Roboto !default;
+$font-family-monospace: 'Roboto Mono', monospace !default;
+$headings-font-weight: 800 !default;
+$text-muted: #6A788A !default;
+
+// Chulapa components
+
+$navbar-chulapa-bg-color: $primary !default;
+$navbar-chulapa-toggler-border-color: $primary !default;
+$navbar-chulapa-text-color: $body-bg !default;
+$navbar-chulapa-hover-color: $text-muted !default;
+$navbar-chulapa-brand-color: $navbar-chulapa-text-color !default;
+
+$footer-chulapa-bg-color: $black !default;
+$footer-chulapa-text-color: #8b949e !default;
+$footer-chulapa-hover-color: #58a6ff !default;
+$footer-chulapa-icon-hover-color: mix($footer-chulapa-hover-color, $footer-chulapa-bg-color, 20%) !default;
+
+// Misc
+// Blockquote
+$blockquote-chulapa-bg-color: $body-bg !default;
+$blockquote-chulapa-text-color: $body-color !default;
+
+
+// Special rules
+
+.chulapaDateSocial time, .chulapaDateSocial .chulapa-text-line-through {
+  font-family: $font-family-monospace;
+}
+
+time {
+  font-family: $font-family-monospace;
+  font-style: normal !important;
+}
+
+blockquote {
+    border-radius: 0 !important;
+    border-left: solid $link-color !important;
+}
+
+$pagination-chulapa-bg-hover-color: $primary !default;
+$min-contrast-ratio: 2 !default;
+
+
+.hero-chulapa h1, 
+.hero-chulapa-image h1, 
+.splash-chulapa h1, 
+.splash-chulapa-image h1 {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight !important;
+}
+
+nav, .navbar, .navbar-chulapa-fab .nav-item, .navbar-chulapa, .footer-chulapa {
+  font-family: $headings-font-family;
+  font-weight: $headings-font-weight  !important;
+}
+
+
+
+.navbar-chulapa .active, .navbar-chulapa-fab .active {
+color: mix($navbar-chulapa-text-color, $navbar-chulapa-bg-color, 80%) !important;
+}
+
+
+.chulapa-links-hover-only i {
+  color:$link-color;
+}

data/_sass/skins/graymor.scss

@@ -1,26 +1,25 @@
 /*! Tophat `Graymor` Bootstrap 4.3.1 theme */
-@import url(https://fonts.googleapis.com/css?family=Muli:200,300,400,700);
-@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,700);
+@import url('https://fonts.googleapis.com/css2?family=Muli:wght@200;300;400;700&family=Oswald:wght@200;300;400;700&display=swap');
 
-$headings-font-family:Oswald;
-$font-family-base:Muli;
+$headings-font-family:Oswald !default;
+$font-family-base:Muli !default;
 
-$primary:#2f3c48;
-$secondary:#6f7f8c;
-$success:#3e4d59;
-$danger:#cc330d;
-$info:#5c8f94;
-$warning:#6e9fa5;
-$light:#eceeec;
-$dark:#1e2b37;
-$enable-rounded:false;
+$primary:#2f3c48 !default;
+$secondary:#6f7f8c !default;
+$success:#3e4d59 !default;
+$danger:#cc330d !default;
+$info:#5c8f94 !default;
+$warning:#6e9fa5 !default;
+$light:#eceeec !default;
+$dark:#1e2b37 !default;
+$enable-rounded:false !default;
 
 
 // Add SASS theme customizations here..
-$link-color: mix($primary, #007bff, 70%);
+$link-color: mix($primary, #007bff, 70%) !default;
 
 //Custom hero
-$hero-chulapa-bg-color: $primary;
-$navbar-chulapa-toggler-color: rgba(white, 0.4);
-$navbar-chulapa-toggler-border-color: rgba(white, 0.1);
-$navbar-chulapa-toggler-color-bg: transparent;
+$hero-chulapa-bg-color: $primary !default;
+$navbar-chulapa-toggler-color: rgba(white, 0.4) !default;
+$navbar-chulapa-toggler-border-color: rgba(white, 0.1) !default;
+$navbar-chulapa-toggler-color-bg: transparent !default;

data/_sass/skins/hootstrap.scss

@@ -1,17 +1,17 @@
 /*! Themestr.app `Hootstrap` Bootstrap 4.3.1 theme */
-@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,700);
-$font-family-base:Open Sans;
-@import url(https://fonts.googleapis.com/css?family=Autour+One:200,300,400,700);
-$headings-font-family:Autour One;
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@200;300;400;700&family=Autour+One:wght@200;300;400;700&display=swap');
 
-$primary:#528078;
-$secondary:#eed75a;
-$success:#FEC100;
-$danger:#703B3B;
-$info:#63e792;
-$warning:#FFE869;
-$light:#FDFBF7;
-$dark:#555555;
+$font-family-base:Open Sans !default;
+$headings-font-family: 'Autour One' !default;
+
+$primary:#528078 !default;
+$secondary:#eed75a !default;
+$success:#FEC100 !default;
+$danger:#703B3B !default;
+$info:#63e792 !default;
+$warning:#FFE869 !default;
+$light:#FDFBF7 !default;
+$dark:#555555 !default;
 
 
 // Add SASS theme customizations here..

data/_sass/skins/journal.scss

@@ -6,6 +6,10 @@
 // Color system
 //
 
+$web-font-path: "https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap" !default;
+@import url($web-font-path);
+
+
 $white: #fff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #eee !default;
@@ -68,9 +72,6 @@ $pagination-hover-border-color: $primary !default;
 
 // Variables ===================================================================
 
-$web-font-path: "https://fonts.googleapis.com/css?family=News+Cycle:400,700&display=swap" !default;
-@import url($web-font-path);
-
 // Navbar ======================================================================
 
 .bg-dark {
@@ -83,11 +84,11 @@ $web-font-path: "https://fonts.googleapis.com/css?family=News+Cycle:400,700&disp
     border: 1px solid $gray-200;
 
     &.navbar-fixed-top {
-        border-width: 0 0 1px 0;
+        border-width: 0 0 1px;
     }
 
     &.navbar-fixed-bottom {
-        border-width: 1px 0 0 0;
+        border-width: 1px 0 0;
     }
 }