administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-13 03:47:34 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

more unique colors

Browse Source
This commit is contained in:
Josh Hawkins 2026-03-11 16:21:41 -05:00
parent 210d203fa4
commit dace54734b
1 changed files with 96 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

136
web/src/utils/profileColors.ts
View File

@ -2,60 +2,116 @@ import type { ProfileColor } from "@/types/profile";
const PROFILE_COLORS: ProfileColor[] = [
{
bg: "bg-amber-500",
text: "text-amber-500",
dot: "bg-amber-500",
border: "border-amber-500",
bgMuted: "bg-amber-500/20",
bg: "bg-violet-500",
text: "text-violet-500",
dot: "bg-violet-500",
border: "border-violet-500",
bgMuted: "bg-violet-500/20",
},
{
bg: "bg-purple-500",
text: "text-purple-500",
dot: "bg-purple-500",
border: "border-purple-500",
bgMuted: "bg-purple-500/20",
bg: "bg-teal-400",
text: "text-teal-400",
dot: "bg-teal-400",
border: "border-teal-400",
bgMuted: "bg-teal-400/20",
},
{
bg: "bg-rose-500",
text: "text-rose-500",
dot: "bg-rose-500",
border: "border-rose-500",
bgMuted: "bg-rose-500/20",
bg: "bg-fuchsia-500",
text: "text-fuchsia-500",
dot: "bg-fuchsia-500",
border: "border-fuchsia-500",
bgMuted: "bg-fuchsia-500/20",
},
{
bg: "bg-cyan-500",
text: "text-cyan-500",
dot: "bg-cyan-500",
border: "border-cyan-500",
bgMuted: "bg-cyan-500/20",
bg: "bg-lime-500",
text: "text-lime-500",
dot: "bg-lime-500",
border: "border-lime-500",
bgMuted: "bg-lime-500/20",
},
{
bg: "bg-orange-500",
text: "text-orange-500",
dot: "bg-orange-500",
border: "border-orange-500",
bgMuted: "bg-orange-500/20",
bg: "bg-sky-400",
text: "text-sky-400",
dot: "bg-sky-400",
border: "border-sky-400",
bgMuted: "bg-sky-400/20",
},
{
bg: "bg-teal-500",
text: "text-teal-500",
dot: "bg-teal-500",
border: "border-teal-500",
bgMuted: "bg-teal-500/20",
bg: "bg-pink-400",
text: "text-pink-400",
dot: "bg-pink-400",
border: "border-pink-400",
bgMuted: "bg-pink-400/20",
},
{
bg: "bg-emerald-500",
text: "text-emerald-500",
dot: "bg-emerald-500",
border: "border-emerald-500",
bgMuted: "bg-emerald-500/20",
bg: "bg-emerald-400",
text: "text-emerald-400",
dot: "bg-emerald-400",
border: "border-emerald-400",
bgMuted: "bg-emerald-400/20",
},
{
bg: "bg-blue-500",
text: "text-blue-500",
dot: "bg-blue-500",
border: "border-blue-500",
bgMuted: "bg-blue-500/20",
bg: "bg-indigo-400",
text: "text-indigo-400",
dot: "bg-indigo-400",
border: "border-indigo-400",
bgMuted: "bg-indigo-400/20",
},
{
bg: "bg-rose-400",
text: "text-rose-400",
dot: "bg-rose-400",
border: "border-rose-400",
bgMuted: "bg-rose-400/20",
},
{
bg: "bg-cyan-300",
text: "text-cyan-300",
dot: "bg-cyan-300",
border: "border-cyan-300",
bgMuted: "bg-cyan-300/20",
},
{
bg: "bg-purple-400",
text: "text-purple-400",
dot: "bg-purple-400",
border: "border-purple-400",
bgMuted: "bg-purple-400/20",
},
{
bg: "bg-green-400",
text: "text-green-400",
dot: "bg-green-400",
border: "border-green-400",
bgMuted: "bg-green-400/20",
},
{
bg: "bg-amber-400",
text: "text-amber-400",
dot: "bg-amber-400",
border: "border-amber-400",
bgMuted: "bg-amber-400/20",
},
{
bg: "bg-slate-400",
text: "text-slate-400",
dot: "bg-slate-400",
border: "border-slate-400",
bgMuted: "bg-slate-400/20",
},
{
bg: "bg-orange-300",
text: "text-orange-300",
dot: "bg-orange-300",
border: "border-orange-300",
bgMuted: "bg-orange-300/20",
},
{
bg: "bg-blue-300",
text: "text-blue-300",
dot: "bg-blue-300",
border: "border-blue-300",
bgMuted: "bg-blue-300/20",
},
];