diff --git a/app/javascript/controllers/custom_property_controller.js b/app/javascript/controllers/custom_property_controller.js
new file mode 100644
index 0000000..c0c9d4a
--- /dev/null
+++ b/app/javascript/controllers/custom_property_controller.js
@@ -0,0 +1,16 @@
+import { Controller } from "stimulus"
+
+export default class extends Controller {
+ static values = {
+ attribute: String,
+ name: String,
+ }
+
+ connect() {
+ const elementStyles = window.getComputedStyle(this.element)
+ const documentStyles = document.documentElement.style
+ const { nameValue, attributeValue } = this
+
+ documentStyles.setProperty(nameValue, elementStyles[attributeValue])
+ }
+}