joungmin/tasteby
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Unify color scheme: orange primary, rose accent, gray neutral

Browse Source 
- Primary (orange): search button, active filters, selected cards,
  channel tags, links, input focus ring
- Accent (rose): favorites/heart only
- Neutral (gray): price tags, inactive buttons
- Semantic colors preserved: red for 폐업, yellow for 임시휴업

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
joungmin
2026-03-09 16:00:13 +09:00
parent 2cd72d660a
commit 4a1c8cf1cd
5 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/RestaurantDetail.tsx
View File

@@ -56,7 +56,7 @@ export default function RestaurantDetail({
onClick={handleToggleFavorite}
disabled={favLoading}
className={`text-xl leading-none transition-colors ${
favorited ? "text-red-500" : "text-gray-300 hover:text-red-400"
favorited ? "text-rose-500" : "text-gray-300 hover:text-rose-400"
}`}
title={favorited ? "찜 해제" : "찜하기"}
>
@@ -116,7 +116,7 @@ export default function RestaurantDetail({
{restaurant.phone && (
<p>
<span className="text-gray-500">전화:</span>{" "}
<a href={`tel:${restaurant.phone}`} className="text-blue-600 hover:underline">
<a href={`tel:${restaurant.phone}`} className="text-orange-600 hover:underline">
{restaurant.phone}
</a>
</p>
@@ -127,7 +127,7 @@ export default function RestaurantDetail({
href={`https://www.google.com/maps/place/?q=place_id:${restaurant.google_place_id}`}
target="_blank"
rel="noopener noreferrer"
className="text-blue-600 hover:underline text-xs"
className="text-orange-600 hover:underline text-xs"
>
Google Maps에서 보기
</a>
@@ -161,7 +161,7 @@ export default function RestaurantDetail({
<div key={v.video_id} className="border rounded-lg p-3">
<div className="flex items-center gap-2 mb-1">
{v.channel_name && (
<span className="inline-block px-1.5 py-0.5 bg-red-50 text-red-600 rounded text-[10px] font-medium">
<span className="inline-block px-1.5 py-0.5 bg-orange-50 text-orange-600 rounded text-[10px] font-medium">
{v.channel_name}
</span>
)}
@@ -175,7 +175,7 @@ export default function RestaurantDetail({
href={v.url}
target="_blank"
rel="noopener noreferrer"
className="block text-sm font-medium text-blue-600 hover:underline"
className="block text-sm font-medium text-orange-600 hover:underline"
>
{v.title}
</a>