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