From f86c9b24c489d807fa023fb2bfb6b2a530f515e2 Mon Sep 17 00:00:00 2001 From: Kunthawat Greethong Date: Wed, 10 Jun 2026 10:52:35 +0700 Subject: [PATCH] fix(home): lighten service tile colors back to palette (white/soft/purple-soft/mint) --- src/pages/index.astro | 24 +++++------------------- 1 file changed, 5 insertions(+), 19 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 8829fb0..1990306 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -153,7 +153,7 @@ const featuredPortfolio = portfolio.filter(p => const tileCopy = [ { eyebrow: 'ที่ปรึกษาด้าน AI', - surface: 'teal', + surface: 'white', subtitle: 'การนำ AI มาปรับใช้ในองค์กร เพื่อลดต้นทุนและเวลา รวมถึงการรักษาความรู้จากพนักงานที่เชี่ยวชาญ', objective: 'รักษาความรู้ขององค์กร ลดต้นทุนและเวลาการทำงาน', bullets: [ @@ -164,7 +164,7 @@ const featuredPortfolio = portfolio.filter(p => }, { eyebrow: 'วางระบบ Automation', - surface: 'coral', + surface: 'soft', subtitle: 'การออกแบบระบบ Automation สำหรับธุรกิจคุณโดยเฉพาะ', objective: 'ลดต้นทุนและเวลา', bullets: [ @@ -175,7 +175,7 @@ const featuredPortfolio = portfolio.filter(p => }, { eyebrow: 'ที่ปรึกษาการตลาดออนไลน์', - surface: 'dark', + surface: 'purple-soft', subtitle: 'ออกแบบและวางกลยุทธ์ตามสถิติ กลุ่มเป้าหมาย และการทำงานขององค์กรคุณ', objective: 'เพิ่มยอดขาย', bullets: [ @@ -186,7 +186,7 @@ const featuredPortfolio = portfolio.filter(p => }, { eyebrow: 'พัฒนาเว็บไซต์', - surface: 'purple', + surface: 'mint', subtitle: 'พัฒนาเว็บไซต์ที่สร้างผลลัพธ์ได้จริง สวยงาม และลูกค้าสามารถดูแลได้เอง', objective: 'เพิ่มยอดขาย และความน่าเชื่อถือให้ธุรกิจ', bullets: [ @@ -402,21 +402,7 @@ const featuredPortfolio = portfolio.filter(p => opacity: 0.4; } - /* Light text on dark service tiles */ - .surface-teal .mega-subtitle, - .surface-teal .mega-bullets, - .surface-teal .mega-bullets li::before, - .surface-coral .mega-subtitle, - .surface-coral .mega-bullets, - .surface-coral .mega-bullets li::before, - .surface-dark .mega-subtitle, - .surface-dark .mega-bullets, - .surface-dark .mega-bullets li::before, - .surface-purple .mega-subtitle, - .surface-purple .mega-bullets, - .surface-purple .mega-bullets li::before { - color: rgba(255, 255, 255, 0.95); - } + /* Light text on dark service tiles — no longer used (kept for safety) */ .surface-soft .mega-subtitle { color: var(--color-gray-700); } .mega-objective { display: inline-flex;