This is a sample theme for Obsidian (https://obsidian.md).
First, choose Use this template. That will create a copy of this repository (repo) under your Github profile. Then, you will want to clone your new repository to your computer.
Once you have the repo locally on your computer, there are a couple of placeholder fields you will need to fill in.
- Inside the
manifest.json
file, change the "name" field to whatever you want the name of your theme to be. For example:
{
"name": "Moonstone",
"version": "0.0.0",
"minAppVersion": "1.0.0"
}
- Also inside the manifest.json file, you can include your name under next to the "author" field.
After you have those fields configured, all that's left to do is add your styles! All of your CSS needs to be inside the file theme.css
which is located at root of your repository.
Inside the repository, include a screenshot thumbnail of your theme. You can name the file anything, for example screenshot.png
. This image will be used for the small preview in the theme list.
Your screenshot file should be 16:9
aspect ratio.
The recommended size is 512x288.
To have your theme included in the Theme Gallery, you will need to submit a Pull Request to obsidianmd/obsidian-releases
.
If your theme is getting more and more complex, you might want to start thinking about how your theme will stay compatible with different versions of Obsidian. Introduced in v0.16 of Obsidian, themes support Github Releases. This means that you can specify which versions of your theme are compatible with which versions of Obsidian.
- From your theme's repository, click on "Releases".
- On the Releases page, there should be a button to Draft a new Release. Press it.
- Fill out the Release information form.
- Choose a Tag: Type in the name of the version number here. At the bottom of the dropdown should be a button to create a new tag with your latest theme changes. Choose this option.
- Release Title: This can be the version number.
- Description Optional: Anything that changed
- Files: The most important part of this form is uploading the files. You can do this by dragging 'n dropping the
manifest.json
file and thetheme.css
file your for theme inside the file upload field.
- Click "Publish Release."
- Make sure that
versions.json
is set up correctly. This file is a map.
{
"1.0.0": "0.16.0"
}
This means that version 1.0.0 of your theme is compatible with version 0.16.0 of Obsidian. For the initial release of your theme, you shouldn't need to make any changes to this file.
Releasing a new version of your theme is the same as releasing the initial version.
-
From your theme's repository, click on "Releases."
-
On the Releases page, there should be a button to Draft a new Release. Press it.
-
Fill out the Release information form.
- Choose a Tag: Type in the name of the version number here. At the bottom of the dropdown should be a button to create a new tag with your latest theme changes. Choose this option.
- Release Title: This can be the version number.
- Description Optional: Anything that changed
- Files: The most important part of this form is uploading the files. You can do this by dragging 'n dropping the
manifest.json
file and thetheme.css
file your for theme inside the file upload field.
-
Click "Publish Release."
-
Update the
versions.json
file in your repository. For the initial release of your theme, you probably didn't need to make any changes to theversions.json
file. When you release subsequent versions of your theme; however, it's best practice to include the new version as entry in the versions.json file. So this might look like:
{
"1.0.0": "0.16.0",
"1.0.1": "0.16.0"
}
What's important to note here is: the new version is included as the "key" and the "value" is the minimum version of Obsidian that your theme compatible with. So if the new version of your theme is only compatible with an Insider version of Obsidian, it's important to set this value accordingly. This will prevent users on older versions of Obsidian from updating to the newer version of your theme.