From 8f63c472df0e8be273a108a3a64867da056455be Mon Sep 17 00:00:00 2001
From: Juan Martin <martinmuda@gmail.com>
Date: Tue, 3 Dec 2024 10:10:08 +0300
Subject: [PATCH] Fix custom css var names

---
 src/scss/_themes.scss | 46 +++++++++++++++++++++----------------------
 1 file changed, 22 insertions(+), 24 deletions(-)

diff --git a/src/scss/_themes.scss b/src/scss/_themes.scss
index fc3603a..0695371 100644
--- a/src/scss/_themes.scss
+++ b/src/scss/_themes.scss
@@ -25,20 +25,19 @@
 }
 
 o-progress {
-  --o-progress-color: currentcolor;
-  --o-hover-progress-color: currentcolor;
-  --o-bg-color: transparent;
+  --o-color: currentcolor;
+  --o-hover-color: unset;
+  --o-background-color: transparent;
 }
 
 o-arc {
-  --o-arc-color: currentcolor;
-  --o-hover-sector-color: currentcolor;
+  --o-color: currentcolor;
+  --o-hover-color: unset;
 }
 
 o-text {
-  --o-text-color: transparent;
-  --o-hover-label-color: transparent;
-  color: currentColor;
+  --o-color: currentcolor;
+  --o-hover-color: unset;
 }
 
 /* Dev theme based on default*/
@@ -73,20 +72,20 @@ o-text {
   }
   
   o-progress {
-    --o-progress-color: currentColor;
-    --o-hover-progress-color: currentColor;
-    --o-bg-color: transparent;
+    --o-color: currentColor;
+    --o-hover-color: unset;
+    --o-background-color: transparent;
   }
   
   o-arc {
-    --o-arc-color: currentColor;
-    --o-hover-sector-color: currentColor;
+    --o-color: currentColor;
+    --o-hover-color: unset;
   }
   
   o-text {
-    --o-text-color: transparent;
-    --o-hover-label-color: transparent;
-    color: currentcolor;
+    --o-color: currentColor;
+    --o-hover-color: unset;
+   
   }
 }
 
@@ -118,20 +117,19 @@ o-text {
 }
 
 o-progress {
-  --o-progress-color: var(--o-cyan);
-  --o-hover-progress-color: var(--o-cyan);
-  --o-bg-color: transparent;
+  --o-color: var(--o-cyan);
+  --o-hover-color: var(--o-cyan);
+  --o-background-color: transparent;
 }
 
 o-arc {
-  --o-arc-color: var(--o-cyan);
-  --o-hover-sector-color: var(--o-cyan);
+  --o-color: var(--o-cyan);
+  --o-hover-color: unset;
 }
 
 o-text {
-  --o-text-color: transparent;
-  --o-hover-label-color: transparent;
-  color: var(--o-cyan);
+  --o-text-color: var(--o-cyan-dark);
+  --o-hover-color: var(--o-cyan-darker);
 }
 }