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 行
673 B
CSS
15 行
673 B
CSS
/* theme: arctic-cool — 冷色调 蓝/青/石板灰 */
|
|
:root{
|
|
--bg:#f2f6fb;--bg-soft:#e7eef7;--surface:#ffffff;--surface-2:#edf3fa;
|
|
--border:rgba(40,70,110,.12);--border-strong:rgba(40,70,110,.24);
|
|
--text-1:#0e1f33;--text-2:#3a5778;--text-3:#6b819b;
|
|
--accent:#1e6fb0;--accent-2:#17b1b1;--accent-3:#6f8aa6;
|
|
--good:#1aaf84;--warn:#d19030;--bad:#c5485a;
|
|
--grad:linear-gradient(135deg,#1e6fb0,#17b1b1 60%,#5fb9d6);
|
|
--grad-soft:linear-gradient(135deg,#e7eef7,#dff3f3);
|
|
--radius:14px;--radius-sm:10px;--radius-lg:22px;
|
|
--shadow:0 10px 28px rgba(40,70,110,.12);
|
|
--shadow-lg:0 24px 60px rgba(40,70,110,.18);
|
|
--font-sans:'Inter','Noto Sans SC',sans-serif;
|
|
}
|