fix: inconsistent color vars (#7028)

* Fix inconsistent color vars

* pointless commit

Signed-off-by: Prospector <6166773+Prospector@users.noreply.github.com>

* undo

Signed-off-by: Prospector <6166773+Prospector@users.noreply.github.com>

* prepr

---------

Signed-off-by: Prospector <6166773+Prospector@users.noreply.github.com>
Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

apps/frontend/src/components/analytics-dashboard/stat-cards/StatCard.vue

@@ -5,7 +5,7 @@
 		class="flex h-full appearance-none flex-col gap-2.5 rounded-2xl border border-solid p-5 px-4 text-left transition-colors sm:gap-4"
 		:class="{
 			'cursor-not-allowed border-surface-5 bg-surface-2 opacity-60': disabled,
-			'cursor-default border-brand bg-highlight-green': !disabled && active,
+			'cursor-default border-brand bg-brand-highlight': !disabled && active,
 			'border-surface-5 bg-surface-3 hover:bg-surface-4 active:scale-95': !disabled && !active,
 		}"
 		:disabled="disabled"

apps/frontend/src/components/ui/create-project-version/components/LoaderPicker.vue

@@ -22,7 +22,7 @@
 						class="border !border-solid !transition-all hover:bg-button-bgHover hover:no-underline"
 						:class="
 							selectedLoaders.includes(loader.name)
-								? 'border-brand bg-highlight-green text-brand'
+								? 'border-brand bg-brand-highlight text-brand'
 								: 'border-surface-5'
 						"
 						:style="`--_color: var(--color-platform-${loader.name})`"