diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index a779f1c..345b7b3 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -64,7 +64,7 @@ const { title, description = "OpenClaw — The AI that actually does things. You /* Text */ --text-primary: #f0f4ff; --text-secondary: #8892b0; - --text-muted: #5a6480; + --text-muted: #96a1c0; /* Borders */ --border-subtle: rgba(136, 146, 176, 0.15); diff --git a/src/pages/index.astro b/src/pages/index.astro index 8be9233..c068b84 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1008,7 +1008,7 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond; .cta-sub { font-size: 0.8rem; - color: var(--text-muted); + color: var(--text-secondary); } /* Newsletter */ @@ -1189,7 +1189,7 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond; .feature-desc { font-size: 0.85rem; - color: var(--text-muted); + color: var(--text-secondary); line-height: 1.5; } @@ -1513,7 +1513,7 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond; border: none; border-radius: 4px; background: transparent; - color: var(--text-muted); + color: var(--text-secondary); cursor: pointer; transition: all 0.15s ease; } @@ -1523,7 +1523,7 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond; .hackable-btn:hover, .os-btn:hover, .win-shell-btn:hover { - color: var(--text-secondary); + color: var(--text-primary); } .pm-btn.active, @@ -1563,7 +1563,7 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond; border: 1px solid var(--border-subtle); border-radius: 4px; background: transparent; - color: var(--text-muted); + color: var(--text-secondary); cursor: pointer; transition: all 0.2s ease; } @@ -1751,8 +1751,7 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond; .footer .disclaimer { margin-top: 12px; font-size: 0.8rem; - color: var(--text-muted); - opacity: 0.7; + color: var(--text-secondary); } /* Latest Blog Post */ @@ -1783,7 +1782,7 @@ const duration2 = (row2.length / 2 * pixelsPerItem) / pixelsPerSecond; padding: 3px 8px; border-radius: 12px; background: var(--coral-bright); - color: white; + color: var(--bg-deep); font-size: 0.7rem; font-weight: 600; text-transform: uppercase;