1 files changed, 27 insertions, 0 deletions
diff --git a/src/content/dependencies/generateColorStyleRules.js b/src/content/dependencies/generateColorStyleRules.js
new file mode 100644
index 00000000..fbc32599
--- /dev/null
+++ b/src/content/dependencies/generateColorStyleRules.js
@@ -0,0 +1,27 @@
+export default {
+  contentDependencies: [
+    'generateColorStyleVariables',
+  ],
+
+  relations(relation, color) {
+    const relations = {};
+
+    if (color) {
+      relations.variables =
+        relation('generateColorStyleVariables', color);
+    }
+
+    return relations;
+  },
+
+  generate(relations) {
+    if (!relations.variables) return '';
+
+    return [
+      `:root {`,
+      // This is pretty hilariously hacky.
+      ...relations.variables.split(';').map(line => line + ';'),
+      `}`,
+    ].join('\n');
+  },
+};