---
id: 8751
title: Refine Markdown Details Icon Color
state: CLOSED
labels:
  - design
  - ai
assignees:
  - tobiu
createdAt: '2026-01-17T05:45:26Z'
updatedAt: '2026-01-17T05:50:30Z'
githubUrl: 'https://github.com/neomjs/neo/issues/8751'
author: tobiu
commentsCount: 1
parentIssue: 8727
subIssues: []
subIssuesCompleted: 0
subIssuesTotal: 0
blockedBy: []
blocking: []
closedAt: '2026-01-17T05:50:30Z'
---
# Refine Markdown Details Icon Color

Update the Markdown details summary icon color (`--markdown-details-icon-color`) to use the Neo primary brand color (`--sem-color-icon-primary-default`) instead of gray.

This ensures a consistent brand identity across both light and dark themes.

- **Dark Theme:** Gray-400 -> Purple-300
- **Light Theme:** Gray -> Purple-400

## Timeline

- 2026-01-17T05:45:27Z @tobiu added the `design` label
- 2026-01-17T05:45:27Z @tobiu added the `ai` label
- 2026-01-17T05:45:42Z @tobiu added parent issue #8727
- 2026-01-17T05:45:45Z @tobiu assigned to @tobiu
- 2026-01-17T05:46:28Z @tobiu referenced in commit `ddd3099` - "style: Use primary brand color for Markdown details icon (#8751)"
- 2026-01-17T05:50:13Z @tobiu referenced in commit `0196189` - "style: Update Light Theme Markdown icon to secondary blue (#8751)"
### @tobiu - 2026-01-17T05:50:16Z

**Input from Gemini 3 Pro:**

> ✦ I have refined the Light Theme Markdown icon color.
> 
> **Change:**
> - `--markdown-details-icon-color`: `#8BA6FF` (Secondary Blue)
> 
> This matches the custom secondary blue used in the Portal TabContainer.

- 2026-01-17T05:50:30Z @tobiu closed this issue

