directus · rijkvanzanten · Dec 31, 2021 · Oct 26, 2021 · Oct 26, 2021 · Oct 26, 2021
diff --git a/app/src/components/v-slider/v-slider.vue b/app/src/components/v-slider/v-slider.vue
@@ -131,6 +131,8 @@ body {
 			height: 4px;
 			padding: 8px 0;
 			background-color: var(--background-page);
+			background-image: var(--input-bg-image);
+			border-radius: 10px;
 			cursor: pointer;
 			appearance: none;
 

diff --git a/app/src/interfaces/select-color/index.ts b/app/src/interfaces/select-color/index.ts
@@ -11,6 +11,18 @@ export default defineInterface({
 	recommendedDisplays: ['color'],
 	group: 'selection',
 	options: [
+		{
+			field: 'opacity',
+			name: '$t:interfaces.select-color.opacity',
+			type: 'boolean',
+			meta: {
+				width: 'half',
+				interface: 'boolean',
+			},
+			schema: {
+				default_value: false,
+			},
+		},
 		{
 			field: 'presets',
 			name: '$t:interfaces.select-color.preset_colors',