Style updates

src/pages/settings/components/Theming/Themes/Themes.tsx

@@ -16,7 +16,7 @@ import { useEffect, useState } from 'react';
 import { FaDice } from 'react-icons/fa';
 import { FiChevronRight, FiEdit, FiMousePointer, FiStopCircle } from 'react-icons/fi';
 import { useNavigate } from 'react-router-dom';
-import { switchClasses, textClasses } from 'styles';
+import { switchClasses, textClasses, toolTipClasses } from 'styles';
 import type { Theme, ThemePlaylist } from 'types';
 import { BackgroundModal } from '../Backgrounds';
 import { ThemeCard } from './ThemeCard';
@@ -325,9 +325,9 @@ export function Themes() {
 							)}
 						</Button>
 						<Tooltip
+							className={toolTipClasses.default}
+							classNames={toolTipClasses}
 							label='Shuffle is always on when a playlist is active.'
-							c={'var(--mantine-color-primary-0)'}
-							bg={'var(--mantine-color-background-0)'}
 							disabled={currentThemePlaylist === 'All'}
 						>
 							<Group>