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 lines
650 B
CSS
15 lines
650 B
CSS
/* theme: dracula — dracula 深色 */
|
|
:root{
|
|
--bg:#282a36;--bg-soft:#21222c;--surface:#343746;--surface-2:#44475a;
|
|
--border:rgba(248,248,242,.12);--border-strong:rgba(248,248,242,.24);
|
|
--text-1:#f8f8f2;--text-2:#bdbde0;--text-3:#6272a4;
|
|
--accent:#bd93f9;--accent-2:#ff79c6;--accent-3:#8be9fd;
|
|
--good:#50fa7b;--warn:#f1fa8c;--bad:#ff5555;
|
|
--grad:linear-gradient(135deg,#bd93f9,#ff79c6 55%,#8be9fd);
|
|
--grad-soft:linear-gradient(135deg,#343746,#44475a);
|
|
--radius:12px;--radius-sm:8px;--radius-lg:18px;
|
|
--shadow:0 10px 30px rgba(0,0,0,.4);
|
|
--shadow-lg:0 22px 60px rgba(0,0,0,.55);
|
|
--font-sans:'Inter','Noto Sans SC',sans-serif;
|
|
}
|