| 132 | } |
| 133 | |
| 134 | function getEmblemTheme(powerLevel: number): { |
| 135 | ringClassName: string; |
| 136 | glowClassName: string; |
| 137 | dotClassName: string; |
| 138 | textClassName: string; |
| 139 | } { |
| 140 | if (powerLevel >= 10) { |
| 141 | return { |
| 142 | ringClassName: |
| 143 | "bg-linear-to-r from-purple-600 via-fuchsia-500 to-cyan-400", |
| 144 | glowClassName: "shadow-[0_0_28px_rgba(168,85,247,0.55)]", |
| 145 | dotClassName: |
| 146 | "bg-linear-to-r from-fuchsia-300 via-purple-300 to-cyan-200", |
| 147 | textClassName: |
| 148 | "bg-linear-to-r from-purple-200 via-white to-cyan-200 bg-clip-text text-transparent", |
| 149 | }; |
| 150 | } |
| 151 | |
| 152 | if (powerLevel >= 9) { |
| 153 | return { |
| 154 | ringClassName: "bg-linear-to-r from-zinc-200 via-slate-400 to-zinc-200", |
| 155 | glowClassName: "shadow-[0_0_18px_rgba(148,163,184,0.35)]", |
| 156 | dotClassName: "bg-linear-to-r from-zinc-200 via-slate-300 to-zinc-100", |
| 157 | textClassName: |
| 158 | "bg-linear-to-r from-zinc-100 via-white to-zinc-200 bg-clip-text text-transparent", |
| 159 | }; |
| 160 | } |
| 161 | |
| 162 | if (powerLevel >= 6) { |
| 163 | return { |
| 164 | ringClassName: "bg-linear-to-r from-red-600 via-rose-500 to-amber-400", |
| 165 | glowClassName: "shadow-[0_0_18px_rgba(239,68,68,0.35)]", |
| 166 | dotClassName: "bg-linear-to-r from-red-400 via-rose-400 to-amber-300", |
| 167 | textClassName: |
| 168 | "bg-linear-to-r from-red-200 via-white to-amber-200 bg-clip-text text-transparent", |
| 169 | }; |
| 170 | } |
| 171 | |
| 172 | if (powerLevel >= 4) { |
| 173 | return { |
| 174 | ringClassName: |
| 175 | "bg-linear-to-r from-orange-600 via-amber-400 to-yellow-300", |
| 176 | glowClassName: "shadow-[0_0_16px_rgba(249,115,22,0.35)]", |
| 177 | dotClassName: |
| 178 | "bg-linear-to-r from-orange-400 via-amber-300 to-yellow-200", |
| 179 | textClassName: |
| 180 | "bg-linear-to-r from-orange-200 via-white to-yellow-200 bg-clip-text text-transparent", |
| 181 | }; |
| 182 | } |
| 183 | |
| 184 | if (powerLevel >= 2) { |
| 185 | return { |
| 186 | ringClassName: "bg-linear-to-r from-emerald-500 via-lime-400 to-cyan-300", |
| 187 | glowClassName: "shadow-[0_0_16px_rgba(16,185,129,0.35)]", |
| 188 | dotClassName: "bg-linear-to-r from-emerald-300 via-lime-300 to-cyan-200", |
| 189 | textClassName: |
| 190 | "bg-linear-to-r from-emerald-200 via-white to-cyan-200 bg-clip-text text-transparent", |
| 191 | }; |