fix: Style in DM

closes: #280

Author: surajshetty3416

frontend/src/components/AppsMenu.vue

@@ -7,7 +7,7 @@
 				@click.prevent="togglePopover()">
 				<div class="flex gap-2">
 					<FeatherIcon name="grid" class="size-4" />
-					<span>Apps</span>
+					<span class="text-ink-gray-7">Apps</span>
 				</div>
 				<FeatherIcon name="chevron-right" class="size-4" />
 			</button>

frontend/src/components/Settings/GlobalGeneral.vue

@@ -16,7 +16,8 @@
 		<div class="flex flex-col justify-between gap-5">
 			<span class="text-lg font-semibold text-ink-gray-9">Favicon</span>
 			<div class="flex flex-1 gap-5">
-				<div class="flex items-center justify-center rounded border border-outline-gray-1 px-20 py-5">
+				<div
+					class="flex items-center justify-center rounded border border-outline-gray-1 bg-surface-gray-2 px-20 py-5">
 					<img
 						:src="builderSettings.doc?.favicon || '/assets/builder/images/frappe_black.png'"
 						alt="Site Favicon"

frontend/src/components/Settings/PageGeneral.vue

@@ -64,7 +64,8 @@
 				<div class="flex flex-col justify-between gap-5">
 					<span class="text-lg font-semibold text-ink-gray-9">Favicon</span>
 					<div class="flex flex-1 gap-5">
-						<div class="flex items-center justify-center rounded border border-outline-gray-1 px-20 py-5">
+						<div
+							class="flex items-center justify-center rounded border border-outline-gray-1 bg-surface-gray-2 px-20 py-5">
 							<img
 								:src="
 									store.activePage?.favicon ||