Nib/Ink — Elegant CSS Themes for Quarto

css
blogging
resources
EN
This page introduces the original Quarto themes ‘Nib/Ink’.
Published

December 15, 2025

✎152 ♥

‘Nib/Ink’ are customizations based on the Bootstrap ‘Morph’ theme, aiming for a minimal, elegant, and book-like reading experience.

Features

  • Book-like reading experience - used Google Fonts Noto Serif/Noto Serif SC (body) and Fira Code (code).

    • Can be used for both English and Simplified Chinese blogs.

  • Minimal distraction - all unnecessary decorative elements are hidden.

  • Easy further customization - change color scheme by simply editing the /* Color Palette */ section.

  • Supports dark themes and mobile browsers.

Preview

Download/Tutorial

Feel free to use and modify my codes as long as proper credit is given. Please don’t redistribute them without permission.

nib.scss

ink.scss

To use this theme in Quarto, download the files above and add the following configuration to _quarto.yml:

format:
  html:
    theme:
      light: 
        - morph
        - nib.scss
      dark: 
        - morph
        - ink.scss

To customize color schemes, paste 6-digit HEX codes in corresponding places:

/* Color Palette */
$body-bg: #f4f4f4;
$body-color: #222222;
$link-color: #635d5d;
$link-hover-color: #9f3838;
$code-color: #222222;
$code-bg: #e7e7e7;
$code-block-bg: $code-bg;

Updates

Jan 28th, 2026 - Added dark theme ‘Ink’. Fixed a few bugs.

Kudos ♥
© 2024-2026 RavensNest.