From 4acc2e63f7c9542758bceecd9c966e38c894f683 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 1 Apr 2024 14:33:13 +0300
Subject: [PATCH] Tokens for Knob

---
 components/lib/knob/BaseKnob.vue              |  6 ++--
 .../primeone/presets/aura/knob/index.js       | 30 ++++++++++++++++++-
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/components/lib/knob/BaseKnob.vue b/components/lib/knob/BaseKnob.vue
index ea3c095e4..798679c12 100644
--- a/components/lib/knob/BaseKnob.vue
+++ b/components/lib/knob/BaseKnob.vue
@@ -37,15 +37,15 @@ export default {
         },
         valueColor: {
             type: String,
-            default: $dt('primary.color', 'Black')
+            default: $dt('knob.value.background')
         },
         rangeColor: {
             type: String,
-            default: $dt('surface.border', 'LightGray')
+            default: $dt('knob.range.background')
         },
         textColor: {
             type: String,
-            default: $dt('text.color.secondary', 'Black')
+            default: $dt('knob.text.color')
         },
         strokeWidth: {
             type: Number,
diff --git a/components/lib/themes/primeone/presets/aura/knob/index.js b/components/lib/themes/primeone/presets/aura/knob/index.js
index ff8b4c563..568f19795 100644
--- a/components/lib/themes/primeone/presets/aura/knob/index.js
+++ b/components/lib/themes/primeone/presets/aura/knob/index.js
@@ -1 +1,29 @@
-export default {};
+export default {
+    root: {
+        cagatay: '{surface.200}'
+    },
+    colorScheme: {
+        light: {
+            value: {
+                background: '{primary.color}'
+            },
+            range: {
+                background: '{surface.200}'
+            },
+            text: {
+                color: '{surface.500}'
+            }
+        },
+        dark: {
+            value: {
+                background: '{primary.color}'
+            },
+            range: {
+                background: '{surface.700}'
+            },
+            text: {
+                color: '{surface.400}'
+            }
+        }
+    }
+};