add theme-colors for different site sections for embeds

Author: ninjamuffin99

content/_layouts/base.liquid

@@ -19,6 +19,8 @@
 		<meta property="og:title" content="{{ preparedTitle }}">
 		<meta property="og:description" content="HaxeFlixel is a 2D Game Engine that lets you create cross-platform games easier with free, open source technology!">
 		<meta property="og:url" content="https://haxeflixel.com{{ page.url }}">
+		<meta property="og:site_name" content="HaxeFlixel">
+		<meta name="theme-color" content="{{ embedColor }}">
 		<meta name="generator" content="{{ eleventy.generator }}">
 
 		<meta name="viewport" content="width=device-width, initial-scale=1">

content/_layouts/blog-layout.liquid

@@ -1,5 +1,7 @@
 ---
 layout: default.liquid
+# Flixel Green for blog posts
+embedColor: "#00b92b"
 ---
 <div class="row">
 	<div class="col-md-8">

content/_layouts/demo.liquid

@@ -1,5 +1,7 @@
 ---
 layout: default.liquid
+# Flixel Yellow for demos/example embeds
+embedColor: "#ffbf37" 
 ---
 <div class="demo-container position-relative mx-auto" style="width: fit-content;">
 	{% unless height %}

content/_layouts/demos-layout.liquid

@@ -1,5 +1,7 @@
 ---
 layout: default.liquid
+# Flixel Yellow for demos/example embeds
+embedColor: "#ffbf37" 
 ---
 <h1 class="title">
 	{{ title }}

content/_layouts/doc.liquid

@@ -1,5 +1,7 @@
 ---
 layout: default
+# Flixel Dark Blue for documentation
+embedColor: "#3b43ff"
 ---
 <div class="row">
 	<div class="col-md-3">

content/_layouts/documentation-layout.liquid

@@ -1,5 +1,7 @@
 ---
 layout: default
+# Flixel Dark Blue for documentation
+embedColor: "#3b43ff"
 ---
 <h1 class="title">
 	{{ title }}

content/_layouts/showcase.liquid

@@ -1,5 +1,7 @@
 ---
 layout: default
+# Flixel Red for showcase sections
+embedColor: "#ff2346"
 ---
 <h1 class="title">
 	{{ title }}