A theme for the wonderful Typora, inspired by Bear's colors and elegancy.
Adapted from aCluelessDanny/typora-theme-ursine.
Uses Avenir Next LT Pro and Adelle fonts, & the colors are based on Bear's Red Graphite and Dark Graphite themes.
Code fence themes are adapted from CodeMirror's 3024 Day and Dracula themes for Ursine Polar and Umbra, respectively.
Note: These themes have been designed and tested for both macOS & Windows (though primarily Mac).
Decompress the latest release from here. In Typora's preferences windows, go to General -> Themes
and click on Open Theme Folder
. Drop all the decompressed files and folders in there, and enjoy!~
There are 3 different "packs" that you can download. The only thing that differentiates between them is the fonts they use.
Pack | Use case |
---|---|
Ursine.zip |
This is usually the one you want to download, as it has the base fonts shown in the pictures. Try this one first if you're unsure. |
Ursine_Cyrillic.zip |
These fonts are a direct variation of the base fonts above, & they offer the exact same look as shown in the pictures. Download this one if you require Cyrillic fonts. |
Ursine_Alt.zip |
These fonts are similar to the ones mentioned above, but they are compatible with more languages, including Greek, Viatnamese, & Cyrillic. Use this if you need that language support. |
Note: The alternative fonts in Ursine_Alt
are Roboto Slab for headers and quotes, & Open Sans for paragraph text.
Ursine has recently switched to developing in Sass and Gulp.js, so the repo no longer holds the direct CSS files for the sake of keeping the repo's file-tree clean.
If you wish to manually build the theme (and maybe add your touches in the process), you'll need yarn
& run the following commands:
yarn install
yarn run build
The compiled CSS files will be located in the /dist
directory once complete.
On macOS, you can copy the new files to the Typora theme folder with the following command:
cp -r dist/ursine/* ~/Library/Application\ Support/abnerworks.Typora/themes/
There are other two themes, if you need them, just copy them to the Typora theme folder.
Three is also a dev
script that will watch the files and assets & update your themes in your themes folder directly as you save your changes. Simply run yarn run gulp dev
to do so (and remember to reselect the theme in Typora afterward to see the changes).