mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-29 18:13:47 +00:00
refactor(theming): blue-* → accent-* in admin/internal usages
Sweep non-brand blue across admin pages, AnalyticsTab, TvQuickConnect, and menuLayout style picker to accent tokens. Telegram-brand blue kept in BroadcastPreview (TG chat mockup), the blocking screens (TG channel/bot CTAs), and the SuccessNotificationModal hero.
This commit is contained in:
@@ -41,7 +41,7 @@ export type BuiltinSection = (typeof BUILTIN_SECTIONS)[number];
|
|||||||
|
|
||||||
export const STYLE_OPTIONS = [
|
export const STYLE_OPTIONS = [
|
||||||
{ value: 'default' as const, colorClass: 'bg-dark-500' },
|
{ value: 'default' as const, colorClass: 'bg-dark-500' },
|
||||||
{ value: 'primary' as const, colorClass: 'bg-blue-500' },
|
{ value: 'primary' as const, colorClass: 'bg-accent-500' },
|
||||||
{ value: 'success' as const, colorClass: 'bg-success-500' },
|
{ value: 'success' as const, colorClass: 'bg-success-500' },
|
||||||
{ value: 'danger' as const, colorClass: 'bg-error-500' },
|
{ value: 'danger' as const, colorClass: 'bg-error-500' },
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -226,8 +226,8 @@ export function AnalyticsTab() {
|
|||||||
<div className="rounded-2xl border border-dark-700/50 bg-dark-800/50 p-6">
|
<div className="rounded-2xl border border-dark-700/50 bg-dark-800/50 p-6">
|
||||||
<div className="mb-1 flex items-center justify-between">
|
<div className="mb-1 flex items-center justify-between">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<div className="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-500/20 to-success-500/20">
|
<div className="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-500/20 to-success-500/20">
|
||||||
<svg className="h-5 w-5 text-blue-400" viewBox="0 0 24 24" fill="currentColor">
|
<svg className="h-5 w-5 text-accent-400" viewBox="0 0 24 24" fill="currentColor">
|
||||||
<path d="M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" />
|
<path d="M12.87 15.07l-2.54-2.51.03-.03A17.52 17.52 0 0014.07 6H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z" />
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -256,9 +256,9 @@ export default function TvQuickConnect({ subscriptionUrl, isLight }: Props) {
|
|||||||
{/* QR Scanner */}
|
{/* QR Scanner */}
|
||||||
<div className={cardClass}>
|
<div className={cardClass}>
|
||||||
<div className="flex items-start gap-3">
|
<div className="flex items-start gap-3">
|
||||||
<div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-500/20 to-blue-600/10">
|
<div className="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-500/20 to-accent-600/10">
|
||||||
<svg
|
<svg
|
||||||
className="h-5 w-5 text-blue-500"
|
className="h-5 w-5 text-accent-500"
|
||||||
fill="none"
|
fill="none"
|
||||||
viewBox="0 0 24 24"
|
viewBox="0 0 24 24"
|
||||||
stroke="currentColor"
|
stroke="currentColor"
|
||||||
|
|||||||
@@ -208,7 +208,7 @@ interface MethodBadgeProps {
|
|||||||
|
|
||||||
function MethodBadge({ method }: MethodBadgeProps) {
|
function MethodBadge({ method }: MethodBadgeProps) {
|
||||||
const colorMap: Record<string, string> = {
|
const colorMap: Record<string, string> = {
|
||||||
GET: 'bg-blue-500/20 text-blue-400',
|
GET: 'bg-accent-500/20 text-accent-400',
|
||||||
POST: 'bg-success-500/20 text-success-400',
|
POST: 'bg-success-500/20 text-success-400',
|
||||||
PUT: 'bg-warning-500/20 text-warning-400',
|
PUT: 'bg-warning-500/20 text-warning-400',
|
||||||
PATCH: 'bg-warning-500/20 text-warning-400',
|
PATCH: 'bg-warning-500/20 text-warning-400',
|
||||||
|
|||||||
@@ -76,7 +76,7 @@ const EmailIcon = () => (
|
|||||||
function ChannelBadge({ channel }: { channel?: BroadcastChannel }) {
|
function ChannelBadge({ channel }: { channel?: BroadcastChannel }) {
|
||||||
if (!channel || channel === 'telegram') {
|
if (!channel || channel === 'telegram') {
|
||||||
return (
|
return (
|
||||||
<span className="flex items-center gap-1 rounded-full bg-blue-500/20 px-2 py-0.5 text-xs text-blue-400">
|
<span className="flex items-center gap-1 rounded-full bg-accent-500/20 px-2 py-0.5 text-xs text-accent-400">
|
||||||
<TelegramIcon />
|
<TelegramIcon />
|
||||||
<span className="hidden sm:inline">Telegram</span>
|
<span className="hidden sm:inline">Telegram</span>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@@ -106,7 +106,7 @@ export default function AdminSalesStats() {
|
|||||||
<StatCard
|
<StatCard
|
||||||
label={t('admin.salesStats.summary.newTrials')}
|
label={t('admin.salesStats.summary.newTrials')}
|
||||||
value={summaryLoading ? '...' : (summary?.new_trials ?? 0)}
|
value={summaryLoading ? '...' : (summary?.new_trials ?? 0)}
|
||||||
valueClassName="text-blue-400"
|
valueClassName="text-accent-400"
|
||||||
/>
|
/>
|
||||||
<StatCard
|
<StatCard
|
||||||
label={t('admin.salesStats.summary.conversion')}
|
label={t('admin.salesStats.summary.conversion')}
|
||||||
|
|||||||
@@ -1691,8 +1691,8 @@ export default function AdminUserDetail() {
|
|||||||
disabled={actionLoading}
|
disabled={actionLoading}
|
||||||
className={`rounded-lg px-3 py-2 text-sm font-medium transition-all disabled:opacity-50 ${
|
className={`rounded-lg px-3 py-2 text-sm font-medium transition-all disabled:opacity-50 ${
|
||||||
confirmingAction === 'resetTrial'
|
confirmingAction === 'resetTrial'
|
||||||
? 'bg-blue-500 text-white'
|
? 'bg-accent-500 text-white'
|
||||||
: 'bg-blue-500/15 text-blue-400 hover:bg-blue-500/25'
|
: 'bg-accent-500/15 text-accent-400 hover:bg-accent-500/25'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
{confirmingAction === 'resetTrial'
|
{confirmingAction === 'resetTrial'
|
||||||
@@ -3174,7 +3174,7 @@ export default function AdminUserDetail() {
|
|||||||
<span
|
<span
|
||||||
className={`rounded-full border px-1.5 py-0.5 ${
|
className={`rounded-full border px-1.5 py-0.5 ${
|
||||||
{
|
{
|
||||||
open: 'border-blue-500/30 bg-blue-500/20 text-blue-400',
|
open: 'border-accent-500/30 bg-accent-500/20 text-accent-400',
|
||||||
pending: 'border-warning-500/30 bg-warning-500/20 text-warning-400',
|
pending: 'border-warning-500/30 bg-warning-500/20 text-warning-400',
|
||||||
answered: 'border-success-500/30 bg-success-500/20 text-success-400',
|
answered: 'border-success-500/30 bg-success-500/20 text-success-400',
|
||||||
closed: 'border-dark-500 bg-dark-600 text-dark-400',
|
closed: 'border-dark-500 bg-dark-600 text-dark-400',
|
||||||
@@ -3313,7 +3313,7 @@ export default function AdminUserDetail() {
|
|||||||
<div className="space-y-2">
|
<div className="space-y-2">
|
||||||
{tickets.map((ticket) => {
|
{tickets.map((ticket) => {
|
||||||
const statusStyles: Record<string, string> = {
|
const statusStyles: Record<string, string> = {
|
||||||
open: 'bg-blue-500/20 text-blue-400 border-blue-500/30',
|
open: 'bg-accent-500/20 text-accent-400 border-accent-500/30',
|
||||||
pending: 'bg-warning-500/20 text-warning-400 border-warning-500/30',
|
pending: 'bg-warning-500/20 text-warning-400 border-warning-500/30',
|
||||||
answered: 'bg-success-500/20 text-success-400 border-success-500/30',
|
answered: 'bg-success-500/20 text-success-400 border-success-500/30',
|
||||||
closed: 'bg-dark-600 text-dark-400 border-dark-500',
|
closed: 'bg-dark-600 text-dark-400 border-dark-500',
|
||||||
|
|||||||
Reference in New Issue
Block a user