etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-30 02:23:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(theming): replace amber-* with warning-* tokens

Browse Source 
Sweep all amber-N color classes to warning-N (uniformly pending/warning semantics).
Yellow and orange left for per-file review (mixed Stars brand + semantic uses).
This commit is contained in:
c0mrade
2026-05-26 11:10:50 +03:00
parent cb7693e3ff
commit bd8a4fad6e
14 changed files with 45 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/PromoOffersSection.tsx
View File

@@ -268,7 +268,7 @@ export default function PromoOffersSection({ className = '' }: PromoOffersSectio
className="card border-orange-500/30 bg-gradient-to-br from-orange-500/5 to-transparent transition-colors hover:border-orange-500/50"
>
<div className="flex items-start gap-4">
<div className="flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-orange-500/30 to-amber-500/20">
<div className="flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-orange-500/30 to-warning-500/20">
{getOfferIcon(offer.effect_type, offer.discount_percent)}
</div>
<div className="min-w-0 flex-1">
@@ -291,7 +291,7 @@ export default function PromoOffersSection({ className = '' }: PromoOffersSectio
<button
onClick={() => handleClaim(offer.id)}
disabled={claimingId === offer.id}
className="group relative flex w-full items-center justify-center gap-2 overflow-hidden rounded-lg bg-gradient-to-r from-orange-500 to-amber-500 px-5 py-2.5 text-sm font-semibold text-white shadow-lg shadow-orange-500/25 transition-all hover:scale-105 hover:shadow-xl hover:shadow-orange-500/30 active:scale-100 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 sm:w-auto"
className="group relative flex w-full items-center justify-center gap-2 overflow-hidden rounded-lg bg-gradient-to-r from-orange-500 to-warning-500 px-5 py-2.5 text-sm font-semibold text-white shadow-lg shadow-orange-500/25 transition-all hover:scale-105 hover:shadow-xl hover:shadow-orange-500/30 active:scale-100 disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100 sm:w-auto"
>
{/* Shimmer effect */}
<span className="absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/20 to-transparent transition-transform duration-1000 group-hover:translate-x-full" />

2
src/components/admin/SettingsTableRow.tsx
View File

@@ -91,7 +91,7 @@ export function SettingsTableRow({
)}
{setting.read_only && (
<span className="flex items-center gap-0.5 rounded-full bg-amber-500/15 px-1.5 py-0.5 text-[10px] font-medium leading-none text-amber-400">
<span className="flex items-center gap-0.5 rounded-full bg-warning-500/15 px-1.5 py-0.5 text-[10px] font-medium leading-none text-warning-400">
{t('admin.settings.badgeEnv')}
<LockIcon className="h-3 w-3" />
</span>

2
src/components/blocking/AccountDeletedScreen.tsx
View File

@@ -56,7 +56,7 @@ export default function AccountDeletedScreen() {
<div className="mb-8">
<div className="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-dark-800">
<svg
className="h-12 w-12 text-amber-400"
className="h-12 w-12 text-warning-400"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"

8
src/components/blocking/MaintenanceScreen.tsx
View File

@@ -21,7 +21,7 @@ export default function MaintenanceScreen() {
<div className="mb-8">
<div className="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-dark-800">
<svg
className="h-12 w-12 text-amber-500"
className="h-12 w-12 text-warning-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
@@ -57,15 +57,15 @@ export default function MaintenanceScreen() {
{/* Decorative dots */}
<div className="mt-8 flex items-center justify-center gap-2">
<div
className="h-2 w-2 animate-pulse rounded-full bg-amber-500"
className="h-2 w-2 animate-pulse rounded-full bg-warning-500"
style={{ animationDelay: '0ms' }}
/>
<div
className="h-2 w-2 animate-pulse rounded-full bg-amber-500"
className="h-2 w-2 animate-pulse rounded-full bg-warning-500"
style={{ animationDelay: '300ms' }}
/>
<div
className="h-2 w-2 animate-pulse rounded-full bg-amber-500"
className="h-2 w-2 animate-pulse rounded-full bg-warning-500"
style={{ animationDelay: '600ms' }}
/>
</div>

2
src/components/connection/InstallationGuide.tsx
View File

@@ -296,7 +296,7 @@ export default function InstallationGuide({
: 'border border-dark-700/50 bg-dark-800/80 text-dark-200 hover:border-dark-600/50 hover:bg-dark-700/80'
}`}
>
{app.featured && <span className="h-2 w-2 shrink-0 rounded-full bg-amber-400" />}
{app.featured && <span className="h-2 w-2 shrink-0 rounded-full bg-warning-400" />}
<span className="relative z-10 truncate">{app.name}</span>
{appIconSvg && (
<div

6
src/components/subscription/SubscriptionListCard.tsx
View File

@@ -32,7 +32,7 @@ function StatusBadge({
if (isTrial) {
return (
<span className="inline-flex items-center gap-1 rounded-full border border-amber-400/25 bg-amber-400/10 px-2 py-0.5 text-[10px] font-semibold text-amber-400">
<span className="inline-flex items-center gap-1 rounded-full border border-warning-400/25 bg-warning-400/10 px-2 py-0.5 text-[10px] font-semibold text-warning-400">
<svg className="h-2.5 w-2.5" viewBox="0 0 24 24" fill="currentColor">
<path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" />
</svg>
@@ -44,7 +44,7 @@ function StatusBadge({
const color = isActive
? 'bg-success-400/15 text-success-400 border-success-400/20'
: isLimited
? 'bg-amber-400/15 text-amber-400 border-amber-400/20'
? 'bg-warning-400/15 text-warning-400 border-warning-400/20'
: 'bg-error-400/15 text-error-400 border-error-400/20';
const label = isActive
@@ -99,7 +99,7 @@ export default function SubscriptionListCard({
trafficPercent >= 90
? 'bg-error-400'
: trafficPercent >= 70
? 'bg-amber-400'
? 'bg-warning-400'
: 'bg-success-400';
const isLimitedStatus = subscription.status === 'limited';