review: use literals instead of accessing Pallete

Author: MartinSchoeler

apps/meteor/client/views/marketplace/AppDetailsPage/tabs/AppStatus/AppStatus.tsx

@@ -1,5 +1,5 @@
 import type { App } from '@rocket.chat/core-typings';
-import { Box, Button, Tag, Margins, Icon, Palette } from '@rocket.chat/fuselage';
+import { Box, Button, Tag, Margins, Icon } from '@rocket.chat/fuselage';
 import { useSafely } from '@rocket.chat/fuselage-hooks';
 import { useRouteParameter, usePermission, useSetModal } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
@@ -108,14 +108,14 @@ const AppStatus = ({ app, showStatus = true, isAppDetailsPage, installed, ...pro
 
 	const getStatusFontColor = (status: appStatusSpanResponseProps) => {
 		if (status.type === 'warning') {
-			return Palette.statusColor['status-font-on-warning'].toString();
+			return 'status-font-on-warning';
 		}
 
 		if (status.type === 'danger') {
-			return Palette.statusColor['status-font-on-danger'].toString();
+			return 'status-font-on-danger';
 		}
 
-		return Palette.text['font-default'].toString();
+		return 'font-default';
 	};
 
 	const handleAppRequestsNumber = (status: appStatusSpanResponseProps) => {