monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-09-05 22:28:01 +08:00
Code Issues Projects Releases Packages Wiki Activity

impr: use rainbow effect on rgb badges for reduced-motion (@fehmer) (#6466)

Browse source
This commit is contained in:
Christian Fehmer 2025-04-18 22:10:07 +02:00 • committed by GitHub
parent a910ddab47
commit c5d0f985e9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/ts/controllers/badge-controller.ts
View file

@ -15,7 +15,8 @@ const badges: Record<number, UserBadge> = {
description: "I made this",
icon: "fa-laptop",
color: "white",
customStyle: "animation: rgb-bg 10s linear infinite;",
customStyle:
"animation: rgb-bg 10s linear infinite; background: linear-gradient(45deg in hsl longer hue, hsl(330, 90%, 30%) 0%, hsl(250, 90%, 30%) 100%);",
},
2: {
id: 2,
@ -23,7 +24,8 @@ const badges: Record<number, UserBadge> = {
description: "I helped make this",
icon: "fa-code",
color: "white",
customStyle: "animation: rgb-bg 10s linear infinite;",
customStyle:
"animation: rgb-bg 10s linear infinite; background: linear-gradient(45deg in hsl longer hue, hsl(330, 90%, 30%) 0%, hsl(250, 90%, 30%) 100%);",
},
3: {
id: 3,
@ -31,7 +33,8 @@ const badges: Record<number, UserBadge> = {
description: "Discord server moderator",
icon: "fa-hammer",
color: "white",
customStyle: "animation: rgb-bg 10s linear infinite;",
customStyle:
"animation: rgb-bg 10s linear infinite; background: linear-gradient(45deg in hsl longer hue, hsl(330, 90%, 30%) 0%, hsl(250, 90%, 30%) 100%);",
},
4: {
id: 4,
@ -111,7 +114,8 @@ const badges: Record<number, UserBadge> = {
description: "Yes, I'm actually this fast",
icon: "fa-rocket",
color: "white",
customStyle: "animation: rgb-bg 10s linear infinite;",
customStyle:
"animation: rgb-bg 10s linear infinite; background: linear-gradient(45deg in hsl longer hue, hsl(330, 90%, 30%) 0%, hsl(250, 90%, 30%) 100%);",
},
14: {
id: 14,