fix: small design harmonization and overhaul

web/src/theme/ui.config.ts

@@ -229,14 +229,7 @@ export const renewUi = {
 		},
 		compoundVariants: [
 			{
-				color: [
-					'primary',
-					'secondary',
-					'success',
-					'info',
-					'warning',
-					'neutral',
-				],
+				color: ['primary', 'secondary', 'success', 'info', 'warning', 'neutral'],
 				class: { close: 'hidden' },
 			},
 		],
@@ -302,8 +295,8 @@ export const renewUi = {
 				orientation: 'vertical',
 				active: true,
 				class: {
-					link: 'bg-(--ui-color-secondary-200) text-(--ui-color-primary-900) dark:bg-(--ui-color-secondary-300) font-medium before:hidden',
-					linkLeadingIcon: 'text-(--ui-color-primary-900)',
+					link: 'bg-(--rc-sand) text-(--rc-on-sand) hover:bg-(--rc-sand) hover:text-(--rc-on-sand) active:bg-(--rc-sand) active:text-(--rc-on-sand) focus-visible:bg-(--rc-sand) focus-visible:text-(--rc-on-sand) focus-visible:outline-2 focus-visible:outline-(--ui-primary) font-medium before:hidden',
+					linkLeadingIcon: 'text-(--rc-on-sand) group-hover:text-(--rc-on-sand)',
 				},
 			},
 			{