fix RGBA for template

_data/colors.yml

@@ -1,10 +1,10 @@
-bg_color: '#3c2a52'
+bg_rgba: '#3c2a52'
-bg-alt_color: 'rgba(60, 42, 82, 0.75)'
+bg-alt_rgba: 'rgba(60, 42, 82, 0.75)'
-fg_color: '#ebdbf8'
+fg_rgba: '#ebdbf8'
-fg-alt_color: 'rgba(235, 219, 248, 0.25)'
+fg-alt_rgba: 'rgba(235, 219, 248, 0.25)'
-border_color: '#000000'
+border_rgba: '#000000'
-border-alt_color: 'rgba(0, 0, 0, 0.75)'
+border-alt_rgba: 'rgba(0, 0, 0, 0.75)'
-accent1_color: '#38ff59'
+accent1_rgba: '#38ff59'
-accent1-alt_color: 'rgba(56, 255, 89, 0.75)'
+accent1-alt_rgba: 'rgba(56, 255, 89, 0.75)'
-accent2_color: '#8d3ed8'
+accent2_rgba: '#8d3ed8'
-accent2-alt_color: 'rgba(141, 62, 216, 0.75)'
+accent2-alt_rgba: 'rgba(141, 62, 216, 0.75)'

assets/css/colors-20200911.css

@@ -2,15 +2,15 @@
 layout: nil
 ---
 :root {
---bg: {{ site.data.colors.bg_color }};
+--bg: {{ site.data.colors.bg_rgba }};
---bg-alt: {{ site.data.colors.bg-alt_color }};
+--bg-alt: {{ site.data.colors.bg-alt_rgba }};
---fg: {{ site.data.colors.fg_color }};
+--fg: {{ site.data.colors.fg_rgba }};
---fg-alt: {{ site.data.colors.fg-alt_color }};
+--fg-alt: {{ site.data.colors.fg-alt_rgba }};
---border: {{ site.data.colors.border_color }};
+--border: {{ site.data.colors.border_rgba }};
---border-alt: {{ site.data.colors.border-alt_color }};
+--border-alt: {{ site.data.colors.border-alt_rgba }};
---accent1: {{ site.data.colors.accent1_color }};
+--accent1: {{ site.data.colors.accent1_rgba }};
---accent1-alt: {{ site.data.colors.accent1-alt_color }};
+--accent1-alt: {{ site.data.colors.accent1-alt_rgba }};
---accent2: {{ site.data.colors.accent2_color }};
+--accent2: {{ site.data.colors.accent2_rgba }};
---accent2-alt: {{ site.data.colors.accent2-alt_color }};
+--accent2-alt: {{ site.data.colors.accent2-alt_rgba }};
 
 }

assets/css/colors.css

@@ -2,15 +2,15 @@
 layout: nil
 ---
 :root {
---bg: {{ site.data.colors.bg_color }};
+--bg: {{ site.data.colors.bg_rgba }};
---bg-alt: {{ site.data.colors.bg-alt_color }};
+--bg-alt: {{ site.data.colors.bg-alt_rgba }};
---fg: {{ site.data.colors.fg_color }};
+--fg: {{ site.data.colors.fg_rgba }};
---fg-alt: {{ site.data.colors.fg-alt_color }};
+--fg-alt: {{ site.data.colors.fg-alt_rgba }};
---border: {{ site.data.colors.border_color }};
+--border: {{ site.data.colors.border_rgba }};
---border-alt: {{ site.data.colors.border-alt_color }};
+--border-alt: {{ site.data.colors.border-alt_rgba }};
---accent1: {{ site.data.colors.accent1_color }};
+--accent1: {{ site.data.colors.accent1_rgba }};
---accent1-alt: {{ site.data.colors.accent1-alt_color }};
+--accent1-alt: {{ site.data.colors.accent1-alt_rgba }};
---accent2: {{ site.data.colors.accent2_color }};
+--accent2: {{ site.data.colors.accent2_rgba }};
---accent2-alt: {{ site.data.colors.accent-fg_color }};
+--accent2-alt: {{ site.data.colors.accent-fg_rgba }};
 
 }

assets/img/vignette.svg

@@ -5,8 +5,8 @@ layout: nil
 <svg width="480" height="480" version="1.1" viewBox="0 0 127 127" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
   <linearGradient id="linearGradient857" x1="30.295" x2="30.295" y1="120.88" y2="63.5" gradientTransform="scale(3.7795)" gradientUnits="userSpaceOnUse">
-   <stop stop-color="{{ site.data.colors.bg_color }}" offset="0"/>
+   <stop stop-color="{{ site.data.colors.bg_rgba }}" offset="0"/>
-   <stop stop-color="{{ site.data.colors.bg_color }}" stop-opacity="0" offset="1"/>
+   <stop stop-color="{{ site.data.colors.bg_rgba }}" stop-opacity="0" offset="1"/>
   </linearGradient>
   <linearGradient id="linearGradient5491" x1="-1.7764e-15" x2="-1.7764e-15" y1="127" y2="-7.1054e-15" gradientTransform="matrix(1 0 0 .8654 0 17.094)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient857"/>
  </defs>