Skip to content

Fix dark mode font color in Help Center contact cards #235

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Hanz-PH wants to merge 1 commit into
base: develop
Choose a base branch
from
Open

Fix dark mode font color in Help Center contact cards #235

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions Components/HelpCenter.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,8 @@ const HelpCenter = () => {
<div className="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-4">
<Phone className="w-6 h-6 text-brand-primary" />
</div>
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Call Us</h3>
<p className="text-gray-600 dark:text-gray-300 text-sm mb-3">Talk to our support team</p>
<h3 className="text-lg font-semibold text-gray-900 dark:text-black mb-2">Call Us</h3>
<p className="text-gray-600 dark:text-black-300 text-sm mb-3">Talk to our support team</p>
<a href="tel:+639123456789" className="text-brand-primary hover:text-brand-primaryDark font-medium">
+63 912 345 6789
</a>
Expand All @@ -41,8 +41,8 @@ const HelpCenter = () => {
<div className="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-4">
<Mail className="w-6 h-6 text-brand-primary" />
</div>
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Email Us</h3>
<p className="text-gray-600 dark:text-gray-300 text-sm mb-3">Get a response within 24 hours</p>
<h3 className="text-lg font-semibold text-gray-900 dark:text-black mb-2">Email Us</h3>
<p className="text-gray-600 dark:text-black-300 text-sm mb-3">Get a response within 24 hours</p>
<a href="mailto:support@staycationhaven.ph" className="text-brand-primary hover:text-brand-primaryDark font-medium break-all">
support@staycationhaven.ph
</a>
Expand All @@ -52,8 +52,8 @@ const HelpCenter = () => {
<div className="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-4">
<MessageCircle className="w-6 h-6 text-brand-primary" />
</div>
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Live Chat</h3>
<p className="text-gray-600 dark:text-gray-300 text-sm mb-3">Chat with our team now</p>
<h3 className="text-lg font-semibold text-gray-900 dark:text-black mb-2">Live Chat</h3>
<p className="text-gray-600 dark:text-black-300 text-sm mb-3">Chat with our team now</p>
<button className="text-brand-primary hover:text-brand-primaryDark font-medium">
Start Chat
</button>
Expand All @@ -63,9 +63,9 @@ const HelpCenter = () => {
<div className="w-12 h-12 bg-orange-100 rounded-full flex items-center justify-center mb-4">
<Clock className="w-6 h-6 text-brand-primary" />
</div>
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">Support Hours</h3>
<p className="text-gray-600 dark:text-gray-300 text-sm mb-3">We&apos;re available 24/7</p>
<p className="text-gray-900 dark:text-white font-medium">Always Open</p>
<h3 className="text-lg font-semibold text-gray-900 dark:text-black mb-2">Support Hours</h3>
<p className="text-gray-600 dark:text-black-300 text-sm mb-3">We&apos;re available 24/7</p>
<p className="text-gray-900 dark:text-black font-medium">Always Open</p>
</div>
</div>

Expand Down