Skip to content

xixi-cmd/obsidian-horizon

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

horizon banner

Horizon for Obsidian Preview

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.

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.12.10] - 2021-07-16

Changed

Theme preview now includes an iPhone screenshot.

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.

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • SCSS 100.0%