Chiaroscuro Flow is a visually appealing and highly customizable theme for Obsidian that brings a unique blend of light and dark aesthetics to your note-taking experience. This theme features smooth gradients, elegant fonts, and configurable settings to match your preferences in both light and dark modes.
- Style Settings Plugin: This theme requires the Style Settings Plugin to customize the theme settings. Make sure to install and enable this plugin to take full advantage of Chiaroscuro Flow's customization options.
- Body Font: The default body font is
Manrope, providing a clean and modern look to your notes. - Header Font: The header font is
Nunito Sans Bold, giving a bold and striking appearance to your headings.
- Light Mode:
- Primary Background:
#FFFFFF(customizable) - Secondary Background:
#F0F0F0(customizable) - Text Color:
#333333(customizable) - Code Block Background:
#F0F0F0(customizable) - Math Block Background:
#F0F0F0(customizable)
- Primary Background:
- Dark Mode:
- Primary Background:
#1E1E1E(customizable) - Secondary Background:
#2D2D2D(customizable) - Text Color:
#DDDDDD(customizable) - Code Block Background:
#2D2D2D(customizable) - Math Block Background:
#2D2D2D(customizable)
- Primary Background:
- Light Mode Gradients:
- Dark Mode Gradients:
- The theme includes specific styles to ensure that gradient backgrounds are not applied when exporting to PDF, ensuring a clean and professional look for your exported documents.
- Text shadows are applied to headings to improve readability.
- Proper contrast adjustments are made for UI elements to ensure visibility in both light and dark modes.
- Download and install the
Chiaroscuro Flowtheme through the community theme store. - Install and enable the Style Settings Plugin.
- Activate the theme from the Obsidian settings.
- Customize the theme settings according to your preferences via the Style Settings Plugin panel.
You can further customize the theme by modifying the CSS variables defined in the theme file. Here's an example of how to adjust the primary background color in light mode:
:root {
--background-primary-light: #FFFAF0; /* Light Ivory */
}



