diff --git a/app/src/displays/labels/index.ts b/app/src/displays/labels/index.ts index 619868327c7e97..812a0d3568127b 100644 --- a/app/src/displays/labels/index.ts +++ b/app/src/displays/labels/index.ts @@ -9,30 +9,6 @@ export default defineDisplay({ icon: 'flag', component: DisplayLabels, options: [ - { - field: 'defaultForeground', - name: '$t:displays.labels.default_foreground', - type: 'string', - meta: { - interface: 'select-color', - width: 'half', - }, - schema: { - default_value: '#263238', - }, - }, - { - field: 'defaultBackground', - name: '$t:displays.labels.default_background', - type: 'string', - meta: { - interface: 'select-color', - width: 'half', - }, - schema: { - default_value: '#eceff1', - }, - }, { field: 'format', name: '$t:format_text', diff --git a/app/src/displays/labels/labels.vue b/app/src/displays/labels/labels.vue index 491868428e56a6..236a0d23251766 100644 --- a/app/src/displays/labels/labels.vue +++ b/app/src/displays/labels/labels.vue @@ -58,14 +58,6 @@ export default defineComponent({ type: Array as PropType, default: () => [], }, - defaultBackground: { - type: String, - default: '#eceff1', - }, - defaultForeground: { - type: String, - default: '#263238', - }, type: { type: String, required: true, @@ -99,15 +91,15 @@ export default defineComponent({ return { value: item, text: itemStringValue, - foreground: props.defaultForeground, - background: props.defaultBackground, + foreground: 'var(--foreground-normal)', + background: 'var(--background-normal)', }; } else { return translate({ value: item, text: choice.text || itemStringValue, - foreground: choice.foreground || props.defaultForeground, - background: choice.background || props.defaultBackground, + foreground: choice.foreground || 'var(--foreground-normal)', + background: choice.background || 'var(--background-normal)', }); } });