htmlewislulu-html-ppt-skill/templates/full-decks/obsidian-claude-gradient
lewis db0f0cee33 fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-15 16:29:08 +08:00
..
README.md fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00
index.html fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00
style.css fix: v2 — iframe theme isolation, 8 full-deck templates from source decks, 20 FX animations (particles/graph/fireworks), +12 themes 2026-04-15 16:29:08 +08:00

README.md

obsidian-claude-gradient

GitHub-dark (#0d1117) + 紫色 ambient radial + 60px 遮罩网格 + 紫→蓝→绿渐变文字。灵感来自 20260406-obsidian-claude/slides.html--accent #7c3aed.cbg 双 radial cover、.cgrid 60px 遮罩网格以及 .g 三停渐变。

Visual traits: 深灰蓝底 + 紫蓝 radial 晕染 + 暗网格遮罩、居中对齐的标题/正文、圆角紫色 pill tag、linear #a855f7→#60a5fa→#34d399 渐变字、GitHub-ish 代码色 (#010409 背景 + 紫/蓝/橙/绿 token)、紫色左边框 highlight 块、简洁 step 列表。

Use when: 讲一个开发者友好的工作流、MCP / Agent / Dev tool 教程;你希望气质接近 GitHub Blog / Linear Changelog内容以配置文件 + 步骤为主。

Source inspiration: 20260406-obsidian-claude/slides.html.

Path: templates/full-decks/obsidian-claude-gradient/index.html