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

Configurable theme, change default to blue

Browse source
This commit is contained in:
Joey Yakimowich-Payne 2026-01-13 11:04:52 -07:00
commit ec318e9e9a
No known key found for this signature in database
GPG key ID: DDF6AF5B21B407D4
8 changed files with 46 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components/GameScreen.tsx
View file

@ -31,7 +31,7 @@ export const GameScreen: React.FC<GameScreenProps> = ({
// Timer styling logic
const isUrgent = timeLeft < 5 && timeLeft > 0;
const timerBorderColor = isUrgent ? 'border-red-500' : 'border-white';
const timerTextColor = isUrgent ? 'text-red-500' : 'text-[#46178f]';
const timerTextColor = isUrgent ? 'text-red-500' : 'text-theme-primary';
const timerAnimation = isUrgent ? 'animate-ping' : '';
return (
@ -123,7 +123,7 @@ export const GameScreen: React.FC<GameScreenProps> = ({
{isClient && hasAnswered && (
<motion.div
initial={{ opacity: 0 }} animate={{ opacity: 1 }} exit={{ opacity: 0 }}
className="absolute inset-0 bg-[#46178f]/95 flex flex-col items-center justify-center z-50 p-8 text-center"
className="absolute inset-0 bg-theme-primary/95 flex flex-col items-center justify-center z-50 p-8 text-center"
>
<motion.div
animate={{ scale: [1, 1.2, 1] }}