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

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

@ -25,20 +25,20 @@ import {
} from "lucide-react"
import Link from "next/link"
// Avatar color palette - more distinct colors
// Avatar color palette - Jewel Tones (Primary Set)
const PRESET_COLORS = [
{ value: "#1E3A8A", name: "Deep Blue" },
{ value: "#DC2626", name: "Bright Red" },
{ value: "#059669", name: "Emerald" },
{ value: "#D97706", name: "Amber" },
{ value: "#7C3AED", name: "Violet" },
{ value: "#DB2777", name: "Magenta" },
{ value: "#0F766E", name: "Teal" },
{ value: "#1F2937", name: "Slate" },
{ value: "#B45309", name: "Burnt Orange" },
{ value: "#4338CA", name: "Indigo" },
{ value: "#0891B2", name: "Cyan" },
{ value: "#65A30D", name: "Lime" },
{ value: "#0F4C81", name: "Sapphire" },
{ value: "#9B111E", name: "Ruby" },
{ value: "#50C878", name: "Emerald" },
{ value: "#9966CC", name: "Amethyst" },
{ value: "#0D98BA", name: "Topaz" },
{ value: "#E0115F", name: "Rose Quartz" },
{ value: "#082567", name: "Lapis" },
{ value: "#FF7518", name: "Carnelian" },
{ value: "#006B3C", name: "Jade" },
{ value: "#1C1C1C", name: "Onyx" },
{ value: "#E6E200", name: "Citrine" },
{ value: "#702963", name: "Garnet" },
]
export default function SettingsPage() {

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

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