diff --git a/resources/css/app.css b/resources/css/app.css index af79d22..075f021 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -43,7 +43,7 @@ /* Neutrals (unchanged) */ --color-background: #E8E4DC; /* Off-White - light backgrounds */ - --color-text: #1A1A1A; /* Deep Black - text color */ + --color-body: #1A1A1A; /* Deep Black - body text color */ /* Semantic Aliases - used by components */ --color-accent-content: #A5C87A; /* Light Olive */ @@ -91,7 +91,7 @@ ========================================================================== */ .logo-badge { - border: 2px solid var(--color-text); + border: 2px solid var(--color-body); box-shadow: 4px 4px 6px rgba(26, 26, 26, 0.5); } @@ -106,7 +106,7 @@ /* Label styling - semibold weight per specs */ [data-flux-label] { - @apply !mb-0 !leading-tight font-semibold text-text; + @apply !mb-0 !leading-tight font-semibold text-body; } /* Input, Textarea, Select base styling */ @@ -115,7 +115,7 @@ textarea[data-flux-control], [data-flux-control] input, select[data-flux-control], [data-flux-select-button] { - @apply border-text/30 rounded-md transition-colors; + @apply border-body/30 rounded-md transition-colors text-body; } /* Focus states - Warm Gray border with subtle ring */ @@ -135,13 +135,13 @@ textarea[data-flux-control] { /* Checkbox styling - Light Olive accent when checked */ [data-flux-checkbox] input[type="checkbox"], input[type="checkbox"][data-flux-control] { - @apply w-5 h-5 rounded border-text/30 text-accent focus:ring-accent focus:ring-offset-0; + @apply w-5 h-5 rounded border-body/30 text-accent focus:ring-accent focus:ring-offset-0; } /* Radio styling - Light Olive accent when selected */ [data-flux-radio] input[type="radio"], input[type="radio"][data-flux-control] { - @apply w-5 h-5 border-text/30 text-accent focus:ring-accent focus:ring-offset-0; + @apply w-5 h-5 border-body/30 text-accent focus:ring-accent focus:ring-offset-0; } /* Error state styling for Flux fields */ @@ -185,10 +185,10 @@ input[type="radio"][data-flux-control] { /* Prose Brand styling for blog posts - Olive Green palette (Story 12.2) */ .prose-brand { - --tw-prose-headings: var(--color-text); /* Deep Black */ + --tw-prose-headings: var(--color-body); /* Deep Black */ --tw-prose-links: var(--color-primary); /* Olive Green */ - --tw-prose-bold: var(--color-text); /* Deep Black */ - --tw-prose-body: var(--color-text); /* Deep Black */ + --tw-prose-bold: var(--color-body); /* Deep Black */ + --tw-prose-body: var(--color-body); /* Deep Black */ } .prose-brand a { @@ -201,10 +201,10 @@ input[type="radio"][data-flux-control] { /* Backward compatibility alias for prose-navy */ .prose-navy { - --tw-prose-headings: var(--color-text); + --tw-prose-headings: var(--color-body); --tw-prose-links: var(--color-primary); - --tw-prose-bold: var(--color-text); - --tw-prose-body: var(--color-text); + --tw-prose-bold: var(--color-body); + --tw-prose-body: var(--color-body); } .prose-navy a { @@ -266,8 +266,8 @@ small, .text-sm { /* Secondary button - Outlined with Light Olive border, Deep Black text */ .btn-secondary { - @apply bg-transparent border-2 border-accent text-text rounded-md px-6 py-3 font-semibold transition-colors; - @apply hover:bg-accent hover:text-text; + @apply bg-transparent border-2 border-accent text-body rounded-md px-6 py-3 font-semibold transition-colors; + @apply hover:bg-accent hover:text-body; @apply focus:outline-none focus:ring-2 focus:ring-accent focus:ring-offset-2; } @@ -356,7 +356,7 @@ button.btn-danger:disabled { /* Input field styling */ .input-field { - @apply w-full border border-text/30 rounded-md px-4 py-3 + @apply w-full border border-body/30 rounded-md px-4 py-3 focus:border-accent focus:ring-2 focus:ring-accent/20 transition-colors outline-none bg-white; } @@ -368,7 +368,7 @@ button.btn-danger:disabled { /* Form label styling */ .form-label { - @apply block text-sm font-semibold text-text mb-2; + @apply block text-sm font-semibold text-body mb-2; } /* Required field indicator - for manual class usage */ @@ -390,7 +390,7 @@ button.btn-danger:disabled { /* Textarea specific styling */ .textarea-field { - @apply w-full border border-text/30 rounded-md px-4 py-3 + @apply w-full border border-body/30 rounded-md px-4 py-3 focus:border-accent focus:ring-2 focus:ring-accent/20 transition-colors outline-none bg-white min-h-[120px] resize-y; @@ -398,20 +398,20 @@ button.btn-danger:disabled { /* Select dropdown styling */ .select-field { - @apply w-full border border-text/30 rounded-md px-4 py-3 + @apply w-full border border-body/30 rounded-md px-4 py-3 focus:border-accent focus:ring-2 focus:ring-accent/20 transition-colors outline-none bg-white; } /* Custom checkbox styling */ .checkbox-custom { - @apply w-5 h-5 rounded border-text/30 text-accent + @apply w-5 h-5 rounded border-body/30 text-accent focus:ring-accent focus:ring-offset-0; } /* Custom radio styling */ .radio-custom { - @apply w-5 h-5 border-text/30 text-accent + @apply w-5 h-5 border-body/30 text-accent focus:ring-accent focus:ring-offset-0; } diff --git a/resources/views/components/auth-header.blade.php b/resources/views/components/auth-header.blade.php index e596a3f..c3974cd 100644 --- a/resources/views/components/auth-header.blade.php +++ b/resources/views/components/auth-header.blade.php @@ -4,6 +4,6 @@ ])
- {{ $title }} - {{ $description }} + {{ $title }} + {{ $description }}
diff --git a/resources/views/components/language-toggle.blade.php b/resources/views/components/language-toggle.blade.php index cc22430..8508d15 100644 --- a/resources/views/components/language-toggle.blade.php +++ b/resources/views/components/language-toggle.blade.php @@ -1,22 +1,29 @@ +@props(['variant' => 'dark']) +
app()->getLocale() === 'ar', - 'text-off-white hover:text-accent' => app()->getLocale() !== 'ar', + 'bg-amber-500 text-white font-bold' => app()->getLocale() === 'ar', + 'text-off-white hover:text-accent' => app()->getLocale() !== 'ar' && $variant === 'dark', + 'text-body/70 hover:text-body' => app()->getLocale() !== 'ar' && $variant === 'light', ]) data-test="language-switch-ar" > العربية - | + $variant === 'dark', + 'text-body/30' => $variant === 'light', + ])>| app()->getLocale() === 'en', - 'text-off-white hover:text-accent' => app()->getLocale() !== 'en', + 'bg-amber-500 text-white font-bold' => app()->getLocale() === 'en', + 'text-off-white hover:text-accent' => app()->getLocale() !== 'en' && $variant === 'dark', + 'text-body/70 hover:text-body' => app()->getLocale() !== 'en' && $variant === 'light', ]) data-test="language-switch-en" > diff --git a/resources/views/components/layouts/auth/card.blade.php b/resources/views/components/layouts/auth/card.blade.php index e1c9fc1..22db925 100644 --- a/resources/views/components/layouts/auth/card.blade.php +++ b/resources/views/components/layouts/auth/card.blade.php @@ -1,5 +1,5 @@ - + @include('partials.head') @@ -11,7 +11,7 @@
- +
diff --git a/resources/views/components/layouts/auth/simple.blade.php b/resources/views/components/layouts/auth/simple.blade.php index 968472e..6519834 100644 --- a/resources/views/components/layouts/auth/simple.blade.php +++ b/resources/views/components/layouts/auth/simple.blade.php @@ -1,5 +1,5 @@ - + @include('partials.head') @@ -11,7 +11,7 @@
- +
diff --git a/resources/views/components/layouts/auth/split.blade.php b/resources/views/components/layouts/auth/split.blade.php index 421c759..bcceb52 100644 --- a/resources/views/components/layouts/auth/split.blade.php +++ b/resources/views/components/layouts/auth/split.blade.php @@ -1,5 +1,5 @@ - + @include('partials.head') @@ -11,7 +11,7 @@
- +
diff --git a/resources/views/components/toast.blade.php b/resources/views/components/toast.blade.php index 008fd10..c3f5b17 100644 --- a/resources/views/components/toast.blade.php +++ b/resources/views/components/toast.blade.php @@ -42,7 +42,7 @@ :class="{ 'bg-success text-white': toast.type === 'success', 'bg-danger text-white': toast.type === 'error', - 'bg-warning text-text': toast.type === 'warning', + 'bg-warning text-body': toast.type === 'warning', 'bg-primary text-white': toast.type === 'info' || !toast.type }" role="alert" diff --git a/resources/views/components/ui/stat-card.blade.php b/resources/views/components/ui/stat-card.blade.php index 7f69ecf..b4964e9 100644 --- a/resources/views/components/ui/stat-card.blade.php +++ b/resources/views/components/ui/stat-card.blade.php @@ -13,14 +13,14 @@
@endif
-
{{ $value }}
-
{{ $label }}
+
{{ $value }}
+
{{ $label }}
@if($trend !== null) @php $trendClass = match(true) { $trend > 0 => 'text-success', $trend < 0 => 'text-danger', - default => 'text-text/50', + default => 'text-body/50', }; $trendPrefix = $trend > 0 ? '+' : ''; @endphp diff --git a/resources/views/livewire/availability-calendar.blade.php b/resources/views/livewire/availability-calendar.blade.php index 0e6f23a..907c2d3 100644 --- a/resources/views/livewire/availability-calendar.blade.php +++ b/resources/views/livewire/availability-calendar.blade.php @@ -162,7 +162,7 @@ new class extends Component - {{ $monthName }} + {{ $monthName }} @@ -205,7 +205,7 @@ new class extends Component @if($selectedDate)
- + {{ __('booking.available_times') }} - {{ \Carbon\Carbon::parse($selectedDate)->translatedFormat('d M Y') }} diff --git a/resources/views/livewire/pages/booking-success.blade.php b/resources/views/livewire/pages/booking-success.blade.php index 3cb66b0..f6eacab 100644 --- a/resources/views/livewire/pages/booking-success.blade.php +++ b/resources/views/livewire/pages/booking-success.blade.php @@ -11,7 +11,7 @@ new #[Layout('components.layouts.public')] class extends Component
- + {{ __('booking.success_title') }} diff --git a/resources/views/livewire/pages/booking.blade.php b/resources/views/livewire/pages/booking.blade.php index 0494587..a06bef0 100644 --- a/resources/views/livewire/pages/booking.blade.php +++ b/resources/views/livewire/pages/booking.blade.php @@ -191,7 +191,7 @@ new #[Layout('components.layouts.public')] class extends Component }; ?>
- + {{ __('booking.request_consultation') }} @@ -204,7 +204,7 @@ new #[Layout('components.layouts.public')] class extends Component @if(!$selectedDate || !$selectedTime) {{-- Step 1: Calendar Selection --}} -

{{ __('booking.guest_intro') }}

+

{{ __('booking.guest_intro') }}

@@ -291,7 +291,7 @@ new #[Layout('components.layouts.public')] class extends Component @else {{-- Confirmation Step --}} - {{ __('booking.confirm_booking') }} + {{ __('booking.confirm_booking') }}

{{ __('booking.confirm_message') }}

diff --git a/resources/views/livewire/pages/posts/index.blade.php b/resources/views/livewire/pages/posts/index.blade.php index 428cfdf..3d91aee 100644 --- a/resources/views/livewire/pages/posts/index.blade.php +++ b/resources/views/livewire/pages/posts/index.blade.php @@ -56,7 +56,7 @@ new #[Layout('components.layouts.public')] class extends Component }; ?>
- {{ __('posts.posts') }} + {{ __('posts.posts') }}
@@ -66,14 +66,14 @@ new #[Layout('components.layouts.public')] class extends Component class="w-full min-h-[44px]" > - + @if($search) @@ -82,7 +82,7 @@ new #[Layout('components.layouts.public')] class extends Component @if($search) -

+

@if($posts->total() > 0) {{ __('posts.search_results', ['count' => $posts->total(), 'query' => $search]) }} @else @@ -95,7 +95,7 @@ new #[Layout('components.layouts.public')] class extends Component

@forelse($posts as $post)
-

+

@if($search) {!! $this->highlightSearch($post->getTitle(), $search) !!} @@ -105,11 +105,11 @@ new #[Layout('components.layouts.public')] class extends Component

-