runfoo-org/elmeg-demo
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: Update avatar colors to jewel tones (Sapphire, Ruby, Emerald, etc.)
Some checks are pending
Deploy Elmeg / deploy (push) Waiting to run
Details

Browse source
This commit is contained in:
fullsizemalt 2025-12-23 11:56:23 -08:00
parent cc0d0255c0
commit 9e48dd78ff
3 changed files with 40 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
backend/routers/users.py
View file

@ -17,20 +17,20 @@ class UserProfileUpdate(BaseModel):
avatar_bg_color: Optional[str] = None avatar_bg_color: Optional[str] = None
avatar_text: Optional[str] = None avatar_text: Optional[str] = None
# Preset avatar colors - more distinct palette # Preset avatar colors - Jewel Tones (Primary Set)
AVATAR_COLORS = [ AVATAR_COLORS = [
"#1E3A8A", # Deep Blue "#0F4C81", # Sapphire
"#DC2626", # Bright Red "#9B111E", # Ruby
"#059669", # Emerald "#50C878", # Emerald
"#D97706", # Amber/Orange "#9966CC", # Amethyst
"#7C3AED", # Vibrant Purple "#0D98BA", # Topaz
"#DB2777", # Magenta Pink "#E0115F", # Rose Quartz
"#0F766E", # Teal "#082567", # Lapis
"#1F2937", # Dark Gray "#FF7518", # Carnelian
"#B45309", # Burnt Orange "#006B3C", # Jade
"#4338CA", # Indigo "#1C1C1C", # Onyx
"#0891B2", # Cyan "#E6E200", # Citrine
"#65A30D", # Lime Green "#702963", # Garnet
] ]
class AvatarUpdate(BaseModel): class AvatarUpdate(BaseModel):

30
frontend/app/settings/page.tsx
View file

@ -25,20 +25,20 @@ import {
} from "lucide-react" } from "lucide-react"
import Link from "next/link" import Link from "next/link"
// Avatar color palette - more distinct colors // Avatar color palette - Jewel Tones (Primary Set)
const PRESET_COLORS = [ const PRESET_COLORS = [
{ value: "#1E3A8A", name: "Deep Blue" }, { value: "#0F4C81", name: "Sapphire" },
{ value: "#DC2626", name: "Bright Red" }, { value: "#9B111E", name: "Ruby" },
{ value: "#059669", name: "Emerald" }, { value: "#50C878", name: "Emerald" },
{ value: "#D97706", name: "Amber" }, { value: "#9966CC", name: "Amethyst" },
{ value: "#7C3AED", name: "Violet" }, { value: "#0D98BA", name: "Topaz" },
{ value: "#DB2777", name: "Magenta" }, { value: "#E0115F", name: "Rose Quartz" },
{ value: "#0F766E", name: "Teal" }, { value: "#082567", name: "Lapis" },
{ value: "#1F2937", name: "Slate" }, { value: "#FF7518", name: "Carnelian" },
{ value: "#B45309", name: "Burnt Orange" }, { value: "#006B3C", name: "Jade" },
{ value: "#4338CA", name: "Indigo" }, { value: "#1C1C1C", name: "Onyx" },
{ value: "#0891B2", name: "Cyan" }, { value: "#E6E200", name: "Citrine" },
{ value: "#65A30D", name: "Lime" }, { value: "#702963", name: "Garnet" },
] ]
export default function SettingsPage() { export default function SettingsPage() {
@ -297,8 +297,8 @@ function SidebarLink({ icon: Icon, label, href, active }: {
<a <a
href={href} href={href}
className={`flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-colors ${active className={`flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-colors ${active
? 'bg-primary text-primary-foreground' ? 'bg-primary text-primary-foreground'
: 'text-muted-foreground hover:text-foreground hover:bg-muted' : 'text-muted-foreground hover:text-foreground hover:bg-muted'
}`} }`}
> >
<Icon className="h-4 w-4" /> <Icon className="h-4 w-4" />

24
frontend/components/profile/avatar-settings.tsx
View file

@ -10,18 +10,18 @@ import { getApiUrl } from "@/lib/api-config"
import { Check } from "lucide-react" import { Check } from "lucide-react"
const PRESET_COLORS = [ const PRESET_COLORS = [
{ value: "#1E3A8A", name: "Deep Blue" }, { value: "#0F4C81", name: "Sapphire" },
{ value: "#DC2626", name: "Bright Red" }, { value: "#9B111E", name: "Ruby" },
{ value: "#059669", name: "Emerald" }, { value: "#50C878", name: "Emerald" },
{ value: "#D97706", name: "Amber" }, { value: "#9966CC", name: "Amethyst" },
{ value: "#7C3AED", name: "Violet" }, { value: "#0D98BA", name: "Topaz" },
{ value: "#DB2777", name: "Magenta" }, { value: "#E0115F", name: "Rose Quartz" },
{ value: "#0F766E", name: "Teal" }, { value: "#082567", name: "Lapis" },
{ value: "#1F2937", name: "Slate" }, { value: "#FF7518", name: "Carnelian" },
{ value: "#B45309", name: "Burnt Orange" }, { value: "#006B3C", name: "Jade" },
{ value: "#4338CA", name: "Indigo" }, { value: "#1C1C1C", name: "Onyx" },
{ value: "#0891B2", name: "Cyan" }, { value: "#E6E200", name: "Citrine" },
{ value: "#65A30D", name: "Lime" }, { value: "#702963", name: "Garnet" },
] ]
interface AvatarSettingsProps { interface AvatarSettingsProps {