From bab15d525829aaa276b7ada6f2c501151c6936c0 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Fri, 29 Oct 2021 22:08:25 +0800
Subject: [PATCH] tweak fallback interface selectors (#9234)

---
 .../field-detail/field-detail-simple/field-detail-simple.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/src/modules/settings/routes/data-model/field-detail/field-detail-simple/field-detail-simple.vue b/app/src/modules/settings/routes/data-model/field-detail/field-detail-simple/field-detail-simple.vue
index 46a4eb49e6..780cc58a67 100644
--- a/app/src/modules/settings/routes/data-model/field-detail/field-detail-simple/field-detail-simple.vue
+++ b/app/src/modules/settings/routes/data-model/field-detail/field-detail-simple/field-detail-simple.vue
@@ -236,12 +236,13 @@ export default defineComponent({
 }
 
 .preview .fallback {
-	--v-icon-color: var(--primary-50);
+	--v-icon-color: var(--primary-75);
 
 	display: block;
 	padding: 8px 16px;
+	border: 2px solid var(--primary);
 	border-radius: var(--border-radius);
-	box-shadow: 0 0 8px var(--primary-50);
+	box-shadow: 0 0 8px var(--primary-75);
 }
 
 .interface:hover .preview {