Skip to content

PaulNoth/logseq-night-owl-theme

Repository files navigation

Night Owl Theme for Logseq

A beautifully crafted theme for Logseq that brings carefully designed color palettes optimized for extended reading and writing sessions. Available in both light and dark modes for a distraction-free knowledge management experience.

Inspired by:

Light variant

Logseq screenshot of Light variant

Dark variant

Logseq screenshot of Dark variant

Features

  • Dual Mode Support — Switch between light and dark variants to match your environment and preferences
  • Thoughtful Typography — Easily customize font families, sizes, and line heights for optimal readability
  • Modern Development — Built with SCSS for organized, maintainable source code

Installation

  1. Open Logseq and navigate to Settings
  2. Go to the "Plugins" section
  3. Navigate to themes
  4. Search for "Night Owl Theme"
  5. Install
  6. Select either "Night Owl Theme: Light" or "Night Owl Theme: Dark"

Alternatively, you can install it manually by placing the custom.css file in your Logseq configuration directory.

Customization

You can customize the theme by overriding the following CSS variables in your Logseq custom.css file:

:root {
  --night-owl-line-height: 2em;
  --night-owl-font-size: 15px;
  --night-owl-font-family: Segoe UI, Roboto, sans-serif;
  --night-owl-title-font-family: Segoe UI, Roboto, sans-serif;
}

Development

This theme is built using SCSS for better organization and maintainability.

# Install dependencies
npm install

# Build the theme
npm run build

# Watch for changes during development
npm run watch

Support

If you have any questions, issues, or feature requests, please use the GitHub issue tracker.

License

MIT License

About

Logseq theme inspired by Sarah Drasner's Night Owl theme for VS Code https://github.com/sdras/night-owl-vscode-theme

Resources

License

Stars

Watchers

Forks

Packages

No packages published