Merge branch 'worlds-and-shared-instances-components' into truman/linked-server-instances

Author: tdgao

packages/assets/styles/variables.scss

@@ -1,5 +1,6 @@
 .light-properties {
 	--surface-1: #ebebeb;
+	--surface-1-5: #ededed;
 	--surface-2: #f5f5f5;
 	--surface-3: #f8f8f8;
 	--surface-4: #ffffff;
@@ -222,6 +223,7 @@ html {
 .dark,
 :root[data-theme='dark'] {
 	--surface-1: #16181c;
+	--surface-1-5: #1a1c20;
 	--surface-2: #1d1f23;
 	--surface-3: #27292e;
 	--surface-4: #34363c;

packages/tooling-config/tailwind/tailwind-preset.ts

@@ -6,6 +6,7 @@ const config: Config = {
 			colors: {
 				surface: {
 					1: 'var(--surface-1)',
+					1.5: 'var(--surface-1-5)',
 					2: 'var(--surface-2)',
 					3: 'var(--surface-3)',
 					4: 'var(--surface-4)',

packages/ui/src/components/base/Table.vue

@@ -44,7 +44,7 @@
 				<tr
 					v-for="(row, rowIndex) in data"
 					:key="rowIndex"
-					:class="rowIndex % 2 === 0 ? 'bg-surface-2' : 'bg-surface-1'"
+					:class="rowIndex % 2 === 0 ? 'bg-surface-2' : 'bg-surface-1.5'"
 				>
 					<td v-if="showSelection" class="w-10">
 						<Checkbox