Tokens for Knob

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,

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}'
+            }
+        }
+    }
+};