diff --git a/layouts/partials/embedded_css.html b/layouts/partials/embedded_css.html
new file mode 100644
index 0000000000000000000000000000000000000000..bd3645bba2fbf37e0a8e0264a9e072e1552e2321
--- /dev/null
+++ b/layouts/partials/embedded_css.html
@@ -0,0 +1,19 @@
+<style type="text/css">
+
+{{ range $key, $value := .Site.Data.tag_color }}
+
+a.tagbutton.{{ $key }} {
+  background-image: linear-gradient(45deg, {{ $value }} 0%, {{ $value }} 100%);
+  border: solid 1px {{ $value }};
+  color: white;
+}
+
+a.tagbutton.{{ $key }}:hover {
+  background : white;
+  border: solid 1px {{ $value }};
+  color:{{ $value }};
+}
+
+{{ end }}
+
+</style>