fix catppuccin theme

The installer tool was deprecated, the new recommended installation method is just to copy-paste the css files and modify the index.hbs file manually.
senekor · Sep 30, 2024 · de03ef5 · de03ef5
1 parent c31ea68
commit de03ef5
Show file tree

Hide file tree

Showing 7 changed files with 1,502 additions and 8 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,4 @@
 /book/
-/theme/
 /mdbook-admonish.css
 target
 Cargo.lock
diff --git a/book.toml b/book.toml
@@ -11,9 +11,6 @@ title = "paekli-rs"
 command = "mdbook-admonish"
 assets_version = "3.0.2" # do not edit: managed by `mdbook-admonish install`
 
-[preprocessor.catppuccin]
-assets_version = "2.2.0" # DO NOT EDIT: Managed by `mdbook-catppuccin install`
-
 [output]
 
 [output.html]

diff --git a/dev/scripts/deploy_gh_pages.sh b/dev/scripts/deploy_gh_pages.sh
@@ -7,9 +7,8 @@ set -euo pipefail
 git fetch ; git checkout gh-pages ; git reset --hard origin/main
 
 # the tools are already installed in the self-hosted runner
-cargo binstall -y mdbook mdbook-admonish mdbook-catppuccin
+cargo binstall -y mdbook mdbook-admonish
 mdbook-admonish install
-mdbook-catppuccin install
 mdbook build
 
 # GitHub Pages expects the static website to be in the docs folder

diff --git a/dev/scripts/setup.sh b/dev/scripts/setup.sh
@@ -1,7 +1,6 @@
 #!/bin/bash
 set -euo pipefail
 
-cargo binstall -y mdbook mdbook-admonish mdbook-catppuccin
+cargo binstall -y mdbook mdbook-admonish
 
 mdbook-admonish install
-mdbook-catppuccin install
diff --git a/theme/catppuccin-admonish.css b/theme/catppuccin-admonish.css
@@ -0,0 +1,363 @@
+.mocha :is(.admonition):is(.admonish-hint, .admonish-important, .admonish-tip) {
+  border-color: #f9e2af;
+}
+.mocha :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(249, 226, 175, 0.2);
+}
+.mocha :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f9e2af;
+}
+.mocha :is(.admonition):is(.admonish-abstract, .admonish-summary, .admonish-tldr) {
+  border-color: #f2cdcd;
+}
+.mocha :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(242, 205, 205, 0.2);
+}
+.mocha :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f2cdcd;
+}
+.mocha :is(.admonition):is(.admonish-example) {
+  border-color: #cba6f7;
+}
+.mocha :is(.admonish-example) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(203, 166, 247, 0.2);
+}
+.mocha :is(.admonish-example) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #cba6f7;
+}
+.mocha :is(.admonition):is(.admonish-info, .admonish-todo) {
+  border-color: #89dceb;
+}
+.mocha :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(137, 220, 235, 0.2);
+}
+.mocha :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #89dceb;
+}
+.mocha :is(.admonition):is(.admonish-check, .admonish-done, .admonish-success) {
+  border-color: #a6e3a1;
+}
+.mocha :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(166, 227, 161, 0.2);
+}
+.mocha :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #a6e3a1;
+}
+.mocha :is(.admonition):is(.admonish-note) {
+  border-color: #89b4fa;
+}
+.mocha :is(.admonish-note) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(137, 180, 250, 0.2);
+}
+.mocha :is(.admonish-note) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #89b4fa;
+}
+.mocha :is(.admonition):is(.admonish-attention, .admonish-caution, .admonish-warning) {
+  border-color: #fab387;
+}
+.mocha :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(250, 179, 135, 0.2);
+}
+.mocha :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #fab387;
+}
+.mocha :is(.admonition):is(.admonish-faq, .admonish-help, .admonish-question) {
+  border-color: #94e2d5;
+}
+.mocha :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(148, 226, 213, 0.2);
+}
+.mocha :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #94e2d5;
+}
+.mocha :is(.admonition):is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) {
+  border-color: #f38ba8;
+}
+.mocha :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(243, 139, 168, 0.2);
+}
+.mocha :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f38ba8;
+}
+.mocha :is(.admonition):is(.admonish-cite, .admonish-quote) {
+  border-color: #f5c2e7;
+}
+.mocha :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(245, 194, 231, 0.2);
+}
+.mocha :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f5c2e7;
+}
+
+.macchiato :is(.admonition):is(.admonish-hint, .admonish-important, .admonish-tip) {
+  border-color: #eed49f;
+}
+.macchiato :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(238, 212, 159, 0.2);
+}
+.macchiato :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #eed49f;
+}
+.macchiato :is(.admonition):is(.admonish-abstract, .admonish-summary, .admonish-tldr) {
+  border-color: #f0c6c6;
+}
+.macchiato :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(240, 198, 198, 0.2);
+}
+.macchiato :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f0c6c6;
+}
+.macchiato :is(.admonition):is(.admonish-example) {
+  border-color: #c6a0f6;
+}
+.macchiato :is(.admonish-example) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(198, 160, 246, 0.2);
+}
+.macchiato :is(.admonish-example) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #c6a0f6;
+}
+.macchiato :is(.admonition):is(.admonish-info, .admonish-todo) {
+  border-color: #91d7e3;
+}
+.macchiato :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(145, 215, 227, 0.2);
+}
+.macchiato :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #91d7e3;
+}
+.macchiato :is(.admonition):is(.admonish-check, .admonish-done, .admonish-success) {
+  border-color: #a6da95;
+}
+.macchiato :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(166, 218, 149, 0.2);
+}
+.macchiato :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #a6da95;
+}
+.macchiato :is(.admonition):is(.admonish-note) {
+  border-color: #8aadf4;
+}
+.macchiato :is(.admonish-note) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(138, 173, 244, 0.2);
+}
+.macchiato :is(.admonish-note) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #8aadf4;
+}
+.macchiato :is(.admonition):is(.admonish-attention, .admonish-caution, .admonish-warning) {
+  border-color: #f5a97f;
+}
+.macchiato :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(245, 169, 127, 0.2);
+}
+.macchiato :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f5a97f;
+}
+.macchiato :is(.admonition):is(.admonish-faq, .admonish-help, .admonish-question) {
+  border-color: #8bd5ca;
+}
+.macchiato :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(139, 213, 202, 0.2);
+}
+.macchiato :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #8bd5ca;
+}
+.macchiato :is(.admonition):is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) {
+  border-color: #ed8796;
+}
+.macchiato :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(237, 135, 150, 0.2);
+}
+.macchiato :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #ed8796;
+}
+.macchiato :is(.admonition):is(.admonish-cite, .admonish-quote) {
+  border-color: #f5bde6;
+}
+.macchiato :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(245, 189, 230, 0.2);
+}
+.macchiato :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f5bde6;
+}
+
+.frappe :is(.admonition):is(.admonish-hint, .admonish-important, .admonish-tip) {
+  border-color: #e5c890;
+}
+.frappe :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(229, 200, 144, 0.2);
+}
+.frappe :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #e5c890;
+}
+.frappe :is(.admonition):is(.admonish-abstract, .admonish-summary, .admonish-tldr) {
+  border-color: #eebebe;
+}
+.frappe :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(238, 190, 190, 0.2);
+}
+.frappe :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #eebebe;
+}
+.frappe :is(.admonition):is(.admonish-example) {
+  border-color: #ca9ee6;
+}
+.frappe :is(.admonish-example) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(202, 158, 230, 0.2);
+}
+.frappe :is(.admonish-example) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #ca9ee6;
+}
+.frappe :is(.admonition):is(.admonish-info, .admonish-todo) {
+  border-color: #99d1db;
+}
+.frappe :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(153, 209, 219, 0.2);
+}
+.frappe :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #99d1db;
+}
+.frappe :is(.admonition):is(.admonish-check, .admonish-done, .admonish-success) {
+  border-color: #a6d189;
+}
+.frappe :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(166, 209, 137, 0.2);
+}
+.frappe :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #a6d189;
+}
+.frappe :is(.admonition):is(.admonish-note) {
+  border-color: #8caaee;
+}
+.frappe :is(.admonish-note) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(140, 170, 238, 0.2);
+}
+.frappe :is(.admonish-note) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #8caaee;
+}
+.frappe :is(.admonition):is(.admonish-attention, .admonish-caution, .admonish-warning) {
+  border-color: #ef9f76;
+}
+.frappe :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(239, 159, 118, 0.2);
+}
+.frappe :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #ef9f76;
+}
+.frappe :is(.admonition):is(.admonish-faq, .admonish-help, .admonish-question) {
+  border-color: #81c8be;
+}
+.frappe :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(129, 200, 190, 0.2);
+}
+.frappe :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #81c8be;
+}
+.frappe :is(.admonition):is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) {
+  border-color: #e78284;
+}
+.frappe :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(231, 130, 132, 0.2);
+}
+.frappe :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #e78284;
+}
+.frappe :is(.admonition):is(.admonish-cite, .admonish-quote) {
+  border-color: #f4b8e4;
+}
+.frappe :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(244, 184, 228, 0.2);
+}
+.frappe :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #f4b8e4;
+}
+
+.latte :is(.admonition):is(.admonish-hint, .admonish-important, .admonish-tip) {
+  border-color: #df8e1d;
+}
+.latte :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(223, 142, 29, 0.2);
+}
+.latte :is(.admonish-hint, .admonish-important, .admonish-tip) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #df8e1d;
+}
+.latte :is(.admonition):is(.admonish-abstract, .admonish-summary, .admonish-tldr) {
+  border-color: #dd7878;
+}
+.latte :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(221, 120, 120, 0.2);
+}
+.latte :is(.admonish-abstract, .admonish-summary, .admonish-tldr) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #dd7878;
+}
+.latte :is(.admonition):is(.admonish-example) {
+  border-color: #8839ef;
+}
+.latte :is(.admonish-example) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(136, 57, 239, 0.2);
+}
+.latte :is(.admonish-example) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #8839ef;
+}
+.latte :is(.admonition):is(.admonish-info, .admonish-todo) {
+  border-color: #04a5e5;
+}
+.latte :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(4, 165, 229, 0.2);
+}
+.latte :is(.admonish-info, .admonish-todo) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #04a5e5;
+}
+.latte :is(.admonition):is(.admonish-check, .admonish-done, .admonish-success) {
+  border-color: #40a02b;
+}
+.latte :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(64, 160, 43, 0.2);
+}
+.latte :is(.admonish-check, .admonish-done, .admonish-success) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #40a02b;
+}
+.latte :is(.admonition):is(.admonish-note) {
+  border-color: #1e66f5;
+}
+.latte :is(.admonish-note) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(30, 102, 245, 0.2);
+}
+.latte :is(.admonish-note) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #1e66f5;
+}
+.latte :is(.admonition):is(.admonish-attention, .admonish-caution, .admonish-warning) {
+  border-color: #fe640b;
+}
+.latte :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(254, 100, 11, 0.2);
+}
+.latte :is(.admonish-attention, .admonish-caution, .admonish-warning) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #fe640b;
+}
+.latte :is(.admonition):is(.admonish-faq, .admonish-help, .admonish-question) {
+  border-color: #179299;
+}
+.latte :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(23, 146, 153, 0.2);
+}
+.latte :is(.admonish-faq, .admonish-help, .admonish-question) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #179299;
+}
+.latte :is(.admonition):is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) {
+  border-color: #d20f39;
+}
+.latte :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(210, 15, 57, 0.2);
+}
+.latte :is(.admonish-bug, .admonish-danger, .admonish-error, .admonish-fail, .admonish-failure, .admonish-missing) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #d20f39;
+}
+.latte :is(.admonition):is(.admonish-cite, .admonish-quote) {
+  border-color: #ea76cb;
+}
+.latte :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title) {
+  background-color: rgba(234, 118, 203, 0.2);
+}
+.latte :is(.admonish-cite, .admonish-quote) > :is(.admonition-title, summary.admonition-title)::before {
+  background-color: #ea76cb;
+}