lewislulu--html-ppt-skill
lewis
a93138e1bf
World-class HTML presentation skill with keyboard navigation, theme/animation switching, headless Chrome rendering, and showcase decks for themes/layouts/animations. - 24 themes (minimal-white, dracula, catppuccin, tokyo-night, xiaohongshu-white, …) - 31 single-page layouts (cover, code, charts, timeline, gantt, mindmap, …) - 20+ named animations (rise-in, typewriter, confetti-burst, card-flip-3d, …) - theme/layout/animation showcase decks - runtime.js: arrow/space/F/S/O/T/A keybinds, hash routing, progress bar - render.sh headless Chrome PNG export - MIT, author lewis <sudolewis@gmail.com>
15 行
675 B
CSS
15 行
675 B
CSS
/* theme: sunset-warm — 暖色调 橘/珊瑚/琥珀 */
|
|
:root{
|
|
--bg:#fff7ef;--bg-soft:#ffeedc;--surface:#ffffff;--surface-2:#fff2e0;
|
|
--border:rgba(120,60,20,.12);--border-strong:rgba(120,60,20,.22);
|
|
--text-1:#2a160a;--text-2:#6b4630;--text-3:#a28572;
|
|
--accent:#e36a2d;--accent-2:#f2a341;--accent-3:#d94860;
|
|
--good:#5ea35a;--warn:#f2a341;--bad:#d94860;
|
|
--grad:linear-gradient(135deg,#d94860,#e36a2d 50%,#f2a341);
|
|
--grad-soft:linear-gradient(135deg,#ffeedc,#ffe0d0);
|
|
--radius:18px;--radius-sm:12px;--radius-lg:28px;
|
|
--shadow:0 12px 32px rgba(227,106,45,.16);
|
|
--shadow-lg:0 24px 64px rgba(227,106,45,.22);
|
|
--font-sans:'Inter','Noto Sans SC',sans-serif;
|
|
}
|