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](https://obsidian.md/). It is inspired (a color fork) by but not a direct port of the similarly named theme for VSCode. Compatible with Obsidian Desktop, [Mobile](https://obsidian.md/mobile), and [Publish](https://obsidian.md/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](https://github.com/tonsky/FiraCode) 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](https://fonts.google.com/specimen/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 ##### Recent | [Changelog Archive](https://github.com/tylernguyen/obsidian-horizon/blob/master/CHANGELOG.md) ## [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](https://fonts.google.com/specimen/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](https://fonts.google.com/specimen/Roboto+Condensed) font locally on your computer. 2. Navgiate to the [Releases](https://github.com/tylernguyen/obsidian-horizon/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.