truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update brand color palette from #f04e23 to #e31e24 across web development components

Browse Source
This commit is contained in:
Ümit Tunç
2026-05-23 18:02:02 +03:00
parent a484b19378
commit c2767f031a
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/templates/services/web-development.blade.php
+12 -12
View File
@@ -141,7 +141,7 @@
} }
.web-dev-section .accordion-wrapper .card-header button:hover, .web-dev-section .accordion-wrapper .card-header button:hover,
.web-dev-section .accordion-wrapper .card-header button { .web-dev-section .accordion-wrapper .card-header button {
color: #f04e23 !important; color: #e31e24 !important;
} }
/* Technology Card Micro-animations */ /* Technology Card Micro-animations */
@@ -150,7 +150,7 @@
} }
.tech-card:hover { .tech-card:hover {
transform: translateY(-8px) scale(1.03); transform: translateY(-8px) scale(1.03);
box-shadow: 0 1.25rem 2.5rem rgba(240, 78, 35, 0.12) !important; box-shadow: 0 1.25rem 2.5rem rgba(227, 30, 36, 0.12) !important;
} }
.tech-card img { .tech-card img {
transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
@@ -246,7 +246,7 @@
} }
.btn-soft-purple { .btn-soft-purple {
background-color: #fff3f0 !important; background-color: #fff3f0 !important;
color: #f04e23 !important; color: #e31e24 !important;
} }
.tech-tabs-grid { .tech-tabs-grid {
display: grid !important; display: grid !important;
@@ -277,18 +277,18 @@
border-radius: 0.8rem !important; border-radius: 0.8rem !important;
background: #ffffff !important; background: #ffffff !important;
box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.05) !important; box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.05) !important;
border: 1px solid rgba(240, 78, 35, 0.08) !important; border: 1px solid rgba(227, 30, 36, 0.08) !important;
padding: 1.25rem !important; padding: 1.25rem !important;
transition: all 0.3s ease !important; transition: all 0.3s ease !important;
} }
.tech-tabs-grid .nav-link:hover { .tech-tabs-grid .nav-link:hover {
transform: translateY(-3px) !important; transform: translateY(-3px) !important;
box-shadow: 0 0.5rem 2rem rgba(240, 78, 35, 0.12) !important; box-shadow: 0 0.5rem 2rem rgba(227, 30, 36, 0.12) !important;
} }
.tech-tabs-grid .nav-link.active { .tech-tabs-grid .nav-link.active {
background: #fff3f0 !important; background: #fff3f0 !important;
border-color: #f04e23 !important; border-color: #e31e24 !important;
box-shadow: 0 0.5rem 2rem rgba(240, 78, 35, 0.15) !important; box-shadow: 0 0.5rem 2rem rgba(227, 30, 36, 0.15) !important;
} }
.tech-tabs-grid .nav-link h4 { .tech-tabs-grid .nav-link h4 {
color: #343f52 !important; color: #343f52 !important;
@@ -300,7 +300,7 @@
} }
.tech-tabs-grid .nav-link:hover h4, .tech-tabs-grid .nav-link:hover h4,
.tech-tabs-grid .nav-link.active h4 { .tech-tabs-grid .nav-link.active h4 {
color: #f04e23 !important; color: #e31e24 !important;
} }
.tech-tabs-grid .nav-link:hover p, .tech-tabs-grid .nav-link:hover p,
.tech-tabs-grid .nav-link.active p { .tech-tabs-grid .nav-link.active p {
@@ -891,8 +891,8 @@
</div> </div>
</div> </div>
<div class="flex justify-center" data-cues="slideInDown" data-group="join" data-delay="900"> <div class="flex justify-center" data-cues="slideInDown" data-group="join" data-delay="900">
<span><a href="#neler-yapiyoruz" class="btn btn-lg btn-orange !text-white !bg-[#f04e23] border-[#f04e23] hover:!bg-[#d93e18] hover:!border-[#d93e18] hover:!text-white active:!bg-[#c53413] !rounded-[50rem] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(240,78,35,0.5)] transition-all duration-300">{!! t('Çözümlerimiz') !!}</a></span> <span><a href="#neler-yapiyoruz" class="btn btn-lg btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:!bg-[#c4191f] hover:!border-[#c4191f] hover:!text-white active:!bg-[#a61217] !rounded-[50rem] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(227,30,36,0.5)] transition-all duration-300">{!! t('Çözümlerimiz') !!}</a></span>
<span><a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-orange !text-[#f04e23] !bg-white border-[#f04e23] hover:!text-white hover:!bg-[#f04e23] hover:!border-[#f04e23] active:!bg-[#f04e23] active:!text-white !rounded-[50rem] !border-[#f04e23] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(30,34,40,0.15)] transition-all duration-300">{!! t('Bize Ulaşın') !!}</a></span> <span><a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-primary !text-[#e31e24] !bg-white border-[#e31e24] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] active:!bg-[#e31e24] active:!text-white !rounded-[50rem] !border-[#e31e24] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(30,34,40,0.15)] transition-all duration-300">{!! t('Bize Ulaşın') !!}</a></span>
</div> </div>
<div class="flex flex-wrap mx-[-15px] !mt-[3.5rem]" data-cue="fadeIn" data-delay="1600"> <div class="flex flex-wrap mx-[-15px] !mt-[3.5rem]" data-cue="fadeIn" data-delay="1600">
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto"> <div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
@@ -1067,7 +1067,7 @@
@foreach(array_slice($faqs, 0, 3) as $index => $faq) @foreach(array_slice($faqs, 0, 3) as $index => $faq)
<div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"> <div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-1-{{ $index }}"> <div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-1-{{ $index }}">
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#f04e23] before:!text-[#f04e23] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-1-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-1-{{ $index }}"> <button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-1-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-1-{{ $index }}">
{!! t($faq['question']) !!} {!! t($faq['question']) !!}
</button> </button>
</div> </div>
@@ -1085,7 +1085,7 @@
@foreach(array_slice($faqs, 3, 3) as $index => $faq) @foreach(array_slice($faqs, 3, 3) as $index => $faq)
<div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"> <div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-2-{{ $index }}"> <div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-2-{{ $index }}">
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#f04e23] before:!text-[#f04e23] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-2-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-2-{{ $index }}"> <button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-2-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-2-{{ $index }}">
{!! t($faq['question']) !!} {!! t($faq['question']) !!}
</button> </button>
</div> </div>