jyapayne/kaboot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update color scheme modal header to use neutral styling

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2026-01-22 12:15:33 -07:00
commit b0dcdd6438
No known key found for this signature in database
GPG key ID: 6BFE655FA5ABD1E1
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/PreferencesModal.tsx
View file

@ -63,19 +63,19 @@ export const PreferencesModal: React.FC<PreferencesModalProps> = ({
className="bg-white rounded-2xl max-w-lg w-full shadow-xl max-h-[90vh] overflow-hidden flex flex-col" className="bg-white rounded-2xl max-w-lg w-full shadow-xl max-h-[90vh] overflow-hidden flex flex-col"
onClick={(e) => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
> >
<div className="p-6 border-b border-gray-100 flex items-center justify-between bg-gradient-to-r from-theme-primary to-purple-600"> <div className="p-6 border-b border-gray-100 flex items-center justify-between bg-white">
<div className="flex items-center gap-3 text-white"> <div className="flex items-center gap-3 text-gray-900">
<div className="p-2 bg-white/20 rounded-xl"> <div className="p-2 bg-gray-100 rounded-xl">
<Palette size={24} /> <Palette size={24} />
</div> </div>
<div> <div>
<h2 className="text-xl font-black">Color Scheme</h2> <h2 className="text-xl font-black">Color Scheme</h2>
<p className="text-sm opacity-80">Customize your theme</p> <p className="text-sm text-gray-500">Customize your theme</p>
</div> </div>
</div> </div>
<button <button
onClick={handleClose} onClick={handleClose}
className="p-2 hover:bg-white/20 rounded-xl transition text-white" className="p-2 hover:bg-gray-100 rounded-xl transition text-gray-400 hover:text-gray-600"
> >
<X size={24} /> <X size={24} />
</button> </button>