added the ability to change colours in config.toml - primary and text primary

assets/scss/devresume.scss

@@ -1,4 +1,4 @@
-/*! 
+/*!
  * Template Name: DevResume - Bootstrap 4 Resume/CV Template for Software Developers
  * Version: 1.0
  * Author: Xiaoying Riley
@@ -10,8 +10,8 @@
 
 /*************************** Theme Colours****************************/
 // Define theme colour scheme
-$theme-color-primary: #54B689;
-$theme-text-color-primary: #292929;
+$theme-color-primary: {{ .Site.Params.primary_color | default "#54B689" }};
+$theme-text-color-primary: {{ .Site.Params.text_primary_color | default "#292929" }};
 $theme-text-color-secondary: lighten($theme-text-color-primary, 15%);
 $theme-text-color-light: lighten($theme-text-color-primary, 40%);
 $theme-border-color:  lighten($theme-text-color-primary, 60%);
@@ -29,8 +29,8 @@ $gray-800: lighten($theme-text-color-primary, 10%);
 $gray-900: $theme-text-color-primary;
 
 $theme-colors: (
-  "primary":  $theme-color-primary, 
-  "secondary":  $theme-text-color-secondary, 
+  "primary":  $theme-color-primary,
+  "secondary":  $theme-text-color-secondary,
 );
 
 /*************************** Import Bootstrap  *****************************/
@@ -40,11 +40,11 @@ $theme-colors: (
 /*************************** DevResume Styles ****************************/
 
 /*********** Theme Generic **********/
-body { 
+body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: $theme-text-color-secondary;
-    
+
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -114,7 +114,7 @@ a.theme-link {
 	font-weight: 900;
 	letter-spacing: 0.4rem;
 	color: $theme-color-primary;
-	
+
 }
 
 .resume-tagline {
@@ -145,7 +145,7 @@ a.resume-link {
 	.item-title {
 		font-size: 1rem;
 	}
-	
+
    .item-meta {
 	   font-size: 0.75rem;
    }
@@ -162,7 +162,7 @@ a.resume-link {
 	.item-title {
 		font-size: 1rem;
 	}
-	
+
 }
 
 
@@ -203,7 +203,7 @@ a.resume-link {
 	    border-left: 0;
     }
 }
-    
+
 
 
 

exampleSite/config.toml

@@ -16,7 +16,8 @@ googleAnalytics = "UA-XXXXXXX-Y"
     description = "DevResume - Bootstrap 4 Resume/CV Template For Software Developers"
 
 
-
+    primary_color = "#54B689"
+    text_primary_color = "#292929"
 
 
 

layouts/partials/head.html

@@ -13,6 +13,5 @@
     <!-- Google Fonts -->
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900">
     <!-- Theme SCSS -->
-    {{ $options := (dict "targetPath" "assets/css/devresume.css") }}
-    {{ $style := resources.Get "scss/devresume.scss" | toCSS $options | minify | fingerprint }}
+    {{ $style := resources.Get "scss/devresume.scss" | resources.ExecuteAsTemplate "scss/devresume.scss" . | toCSS (dict "targetPath" "assets/css/devresume.css") | minify | fingerprint }}
     <link rel="stylesheet" href="{{ $style.Permalink }}">