Skip to content

catppuccin/mdBook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Logo
Catppuccin for mdBook

Previews

๐ŸŒป Latte
๐Ÿชด Frappรฉ
๐ŸŒบ Macchiato
๐ŸŒฟ Mocha

Installation

Rust (Preferred)

  1. Install mdbook-catppuccin by running cargo install mdbook-catppuccin or download the latest release.

  2. Navigate to your mdBook's root directory (same location where the book.toml lives) and run mdbook-catppuccin install

  3. Build your mdBook using mdbook build and enjoy your new catppuccin flavours!

Manual

  1. Navigate to src/bin/assets within this repository

  2. Download all assets: index.hbs, catppuccin.css and catppuccin-admonish.css

    [!NOTE] The catppuccin-admonish.css file is NOT required if you are not using the mdbook-admonish plugin.

  3. Transfer downloaded assets to your mdBook's theme directory (the default directory is ./theme beside book.toml)

  4. Update additional-css key within the book.toml as shown below

    [output.html]
    -additional-css = []
    +additional-css = ["./theme/catppuccin.css", "./theme/catppuccin-admonish.css"]
  5. Build your mdBook using mdbook build and enjoy your new catppuccin flavours!

Development

  1. Clone the repository and navigate to the repository root.

    git clone https://github.com/catppuccin/mdbook
    cd mdbook
  2. Run the following command to generate the CSS files that will be packaged by the rust binary:

    cd palette
    npm install
    npm run build
  3. Build the rust binary using the following command:

    Note that the Minimum Rust Version is 1.63.0

    cargo build --release
  4. Test the binary by installing the new assets on the example directory:

    cd example
    ../target/release/mdbook-catppuccin install
    mdbook serve

๐Ÿ™‹ FAQ

  • Q: "What's the point of the mdbook-catppuccin binary?"
    A: Arguably, it's better to transfer over the files manually to avoid installing another tool. However, the assets will NOT be managed for you. It is also worth mentioning that the binary will be able to detect differences in versions of assets.

  • Q: "What's the catppuccin-admonish.css file?"
    A: It is a CSS file that is used to style the admonishments that are generated by mdbook-admonish. You can remove this file if you are not using this plugin.

    E.g.

    [output.html]
    -additional-css = ["./theme/catppuccin.css", "./theme/catppuccin-admonish.css"]
    +additional-css = ["./theme/catppuccin.css"]
  • Q: "How can I remove the default themes?"
    A: Navigate to index.hbs (L125 - L133) and remove the themes that you don't want. Remember to run mdbook build again!

    E.g. To remove all default themes:

    - <li role="none"><button role="menuitem" class="theme" id="light">{{ theme_option "Light" }}</button></li>
    - <li role="none"><button role="menuitem" class="theme" id="rust">{{ theme_option "Rust" }}</button></li>
    - <li role="none"><button role="menuitem" class="theme" id="coal">{{ theme_option "Coal" }}</button></li>
    - <li role="none"><button role="menuitem" class="theme" id="navy">{{ theme_option "Navy" }}</button></li>
    - <li role="none"><button role="menuitem" class="theme" id="ayu">{{ theme_option "Ayu" }}</button></li>
    + <li role="none"><button role="menuitem" class="theme" id="latte">{{ theme_option "Latte" }}</button></li>
    + <li role="none"><button role="menuitem" class="theme" id="frappe">{{ theme_option "Frappรฉ" }}</button></li>
    + <li role="none"><button role="menuitem" class="theme" id="macchiato">{{ theme_option "Macchiato" }}</button></li>
    + <li role="none"><button role="menuitem" class="theme" id="mocha">{{ theme_option "Mocha" }}</button></li>

Acknowledgement

Inspiration for the install command came from mdbook-admonish which is another great mdBook pre-processor!

๐Ÿ’ Thanks to

ย 

Copyright ยฉ 2021-present Catppuccin Org