Style fixes

src/pages/settings/components/Shared/SettingsHeader.tsx

@@ -32,7 +32,7 @@ function SettingsHeader({
 			mt={0}
 			justify='center'
 			pos={'absolute'}
-			style={{ backdropFilter: 'blur(10px) brightness(.5)', zIndex: 99 }}
+			style={{ backdropFilter: 'blur(10px) brightness(.75)', zIndex: 250 }}
 		>
 			<Group w={isMobile ? undefined : '100%'}>
 				<Text
@@ -67,8 +67,7 @@ function SettingsHeader({
 								className={textClasses.settingsTooltip}
 								classNames={textClasses}
 								highlightStyles={{
-									backgroundImage:
-										'linear-gradient(45deg, var(--color-text-acc), var(--color-text-pri))',
+									backgroundImage: `linear-gradient(45deg, ${theme.accentColor}, ${theme.primaryColor})`,
 									fontWeight: 700,
 									WebkitBackgroundClip: 'text',
 									WebkitTextFillColor: 'transparent',