Skip to content
This repository has been archived by the owner on Oct 12, 2022. It is now read-only.

Inspired of the similarly named theme, Horizon is a dark theme created for Obsidian. Compatible with Obsidian Desktop, Mobile, and Publish.

License

Notifications You must be signed in to change notification settings

tylernguyen/obsidian-horizon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

horizon banner

Horizon for Obsidian Preview

Design Philosophy

  • Vanilla and stable
  • Lightweight, Obsidian Publish friendly
  • Minimal in snippets and tweaks
  • High compatibility
  • Readable and easy-to-understand CSS, even for beginners

Horizon then, unlike other available themes for Obsidian, do not:

  • Change behaviors of Obsidian
  • Support 3rd party plugins by default

FAQ

"What is Horizon?"

Horizon is a dark theme for Obsidian. It is inspired (a color fork) by but not a direct port of the similarly named theme for VSCode. Compatible with Obsidian Desktop, Mobile, and Publish.

"How do I keep my theme updated?"

Currently, there is no automatic solution available. For now, I recommend you create a GitHub watch alert for releases. Then, when the theme is updated, you can install the new version.

"Why Roboto Condensed?"

I had previous used Fira Code as the theme's chosen font, mostly because I use Horizon in VSCode in conjuction with Fira Code. As I began to use Obsidian more intensely, however, these things became clear:

  • Coding ligatures were rarely used in Obsidian.
  • I needed support for Vietnamese, which Fira Code lacked.
  • Fira Code, while great on the destop, does not display well on compact mobile displays.

Roboto Condensed was then chosen for the reasons above. In addition, it's free to use.

You may wish to add/switch to a different font for some reasons such as:

  • You code/display code often in Obsidian and need ligatures.
  • You want to use different fonts for header, body, graph. Keep in mind that this will likely increase loading time on Obsidian Publish.

"Is there a light color scheme?"

No currently and is not planned. The existing Horizon light palette does not suit Obsidian. An alternative light color palette can be suggested by creating a pull request/ issue. Though the dark mode is the primary focus of this theme.

"Can you port this for X app?"

No.

Update

[v0.13.18] - 2022-01-01

Added

  • Design Philosophy
  • More documenting comments for easier source reading.

Changed

  • Deprecate @import in favor @use and @forward
  • GitHub Workflow: upgrade gha-utilities/sass-build@0.4.0 to gha-utilities/sass-build@0.4.8
  • Color: Marked text are now black with yellow highlight.

Spec-Sheet

  • Font: Roboto Condensed
  • Background: Purple-Black
  • Accent: Pink-Red
  • Headings: Yellow
  • Links: Green (including internal, external links, and tags)

Install

  1. For the best experience and performance, install Roboto Condensed font locally on your computer.
  2. Navgiate to the Releases page.
  3. Obsidian Desktop/ Mobile:
    1. Download obsidian.css and move it into .obsidian/themes/. (You may wish to rename it as Horizon to differentiate from other themes).
    2. Obsidian -> Appearance -> Theme -> Horizon (be sure that Base Theme -> Dark).
  4. Obsidian Publish:
    1. Download publish.css and move it into ./, the root of your Obsidian vault.
    2. Publish publish.css file onto your site.