diff --git a/data/gtk/style-dark.css b/data/gtk/style-dark.css
index 1599f68..4555311 100644
--- a/data/gtk/style-dark.css
+++ b/data/gtk/style-dark.css
@@ -1,5 +1,7 @@
-@define-color accent_color @purple_1;
-@define-color accent_bg_color @purple_4;
+:root {
+  --accent-color: var(--purple-1);
+  --accent-bg-color: var(--purple-4);
+}
 
 #details_view {
     background-color: black;
@@ -8,4 +10,4 @@
 #details_view_play_button {
     color: rgba(0, 0, 0, .8);
     background-color: white;
-}
\ No newline at end of file
+}
diff --git a/data/gtk/style.css b/data/gtk/style.css
index 068c539..28498ef 100644
--- a/data/gtk/style.css
+++ b/data/gtk/style.css
@@ -1,5 +1,7 @@
-@define-color accent_color @purple_5;
-@define-color accent_bg_color @purple_3;
+:root {
+  --accent-color: var(--purple-5);
+  --accent-bg-color: var(--purple-3);
+}
 
 #details_view {
     background-color: white;
@@ -8,4 +10,4 @@
 #details_view_play_button {
     color: white;
     background-color: rgba(0, 0, 0, .8);
-}
\ No newline at end of file
+}