[PR #58] fix: use theme-aware CSS variables for shoutouts card styling #59

Open
opened 2026-02-15 17:17:29 -05:00 by yindo · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/openclaw/openclaw.ai/pull/58
Author: @Dodolist
Created: 2/13/2026
Status: 🔄 Open

Base: mainHead: fix/shoutouts-dark-mode


📝 Commits (1)

  • 6528c1d fix: use theme-aware CSS variables for shoutouts card styling

📊 Changes

1 file changed (+2 additions, -2 deletions)

View changed files

📝 src/pages/shoutouts.astro (+2 -2)

📄 Description

Summary

  • Replace hardcoded dark rgba values with CSS custom properties in shoutouts page
  • Cards now render correctly in both light and dark modes

Changes

  • background: rgba(10, 15, 26, 0.7)var(--surface-card-strong)
  • box-shadow: rgba(255, 77, 77, 0.15)var(--shadow-coral-soft)

Consistent with how other pages (showcase, blog) handle card styling.

Before / After

Before After
before after

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/openclaw/openclaw.ai/pull/58 **Author:** [@Dodolist](https://github.com/Dodolist) **Created:** 2/13/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `fix/shoutouts-dark-mode` --- ### 📝 Commits (1) - [`6528c1d`](https://github.com/openclaw/openclaw.ai/commit/6528c1d6027b6d54f178541c6f47372b1b50f4fe) fix: use theme-aware CSS variables for shoutouts card styling ### 📊 Changes **1 file changed** (+2 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `src/pages/shoutouts.astro` (+2 -2) </details> ### 📄 Description ## Summary - Replace hardcoded dark rgba values with CSS custom properties in shoutouts page - Cards now render correctly in both light and dark modes ## Changes - `background: rgba(10, 15, 26, 0.7)` → `var(--surface-card-strong)` - `box-shadow: rgba(255, 77, 77, 0.15)` → `var(--shadow-coral-soft)` Consistent with how other pages (showcase, blog) handle card styling. ## Before / After | Before | After | |--------|-------| | ![before](https://github.com/user-attachments/assets/537dd7f1-dcb4-493a-ac8d-47eb0edc90a9) | ![after](https://github.com/user-attachments/assets/95a9a6c2-363f-4fe2-abaf-47cd8fe0439c) | --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
yindo added the pull-request label 2026-02-15 17:17:29 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: openclaw/openclaw.ai#59