style: Add custom Asciinema player theme and set default theme

This commit is contained in:
Paul Gauthier 2025-03-13 17:37:05 -07:00 committed by Paul Gauthier (aider)
parent 768df05692
commit dcf9eaad77

View file

@ -8,6 +8,31 @@ layout: minimal
<link rel="stylesheet" type="text/css" href="/assets/asciinema/asciinema-player.css" />
.asciinema-player-theme-aider {
/* Foreground (default text) color */
--term-color-foreground: #f8f8f2;
/* Background color */
--term-color-background: #282a36;
/* Palette of 16 standard ANSI colors */
--term-color-0: #21222c;
--term-color-1: #ff5555;
--term-color-2: #50fa7b;
--term-color-3: #f1fa8c;
--term-color-4: #bd93f9;
--term-color-5: #ff79c6;
--term-color-6: #8be9fd;
--term-color-7: #f8f8f2;
--term-color-8: #6272a4;
--term-color-9: #ff6e6e;
--term-color-10: #69ff94;
--term-color-11: #ffffa5;
--term-color-12: #d6acff;
--term-color-13: #ff92df;
--term-color-14: #a4ffff;
--term-color-15: #ffffff;
}
<div id="demo" style="max-height: 80vh; overflow: hidden;"></div>
<script src="/assets/asciinema/asciinema-player.min.js"></script>
@ -20,6 +45,7 @@ AsciinemaPlayer.create(
{
speed: 1.25,
idleTimeLimit: 1,
theme : "auto/solarized-light",
}
);
</script>