To publish a custom CSS theme to the community theme store, particularly for platforms like Obsidian, you need to follow these structured steps:
Step-by-Step Guide to Publish Your Theme
1. Prepare Your Repository:
- Ensure your theme is hosted on a public GitHub repository.
- Include the following essential files in the root of your repository:
- A `README.md` file that describes your theme.
- A screenshot of your theme, ideally sized 1920Ã1080px.
- Your CSS file must be named `theme.css` and placed at the root level.
- A `manifest.json` file that defines your theme's properties. You can refer to a template for this file here.
- Optionally, include a license for your theme, which can be selected from Choose a License if you're unsure.
2. Edit the Community Themes File:
- Navigate to the `community-css-themes.json` file in the obsidian-releases GitHub repository.
- Scroll to the bottom of this file and prepare to add your theme's information.
3. Add Your Theme Information:
- Copy and paste the following JSON template at the end of the `community-css-themes.json` file:
json
{
"name": "",
"author": "",
"repo": "/",
"screenshot": "example.png",
"modes": ["dark", "light"],
"branch": "master"
}
- Fill in the placeholders with your actual theme details. Ensure that you specify compatible modes (dark, light, or both) and verify that the branch name is correct (e.g., `master` or `main`).
4. Propose Changes:
- After adding your theme information, describe your changes (e.g., "Add My Custom Theme") and click on "Propose changes."
- You will be prompted to complete a pull request template; fill it out and submit your pull request.
5. Wait for Approval:
- Once submitted, your pull request will be reviewed by maintainers of the community theme store. If approved, your theme will be added to the store.
By following these steps, you can successfully publish your custom CSS theme to the community theme store for platforms like Obsidian[2].
Citations:[1] https://dev.to/evanwinter/create-your-own-css-utility-library-582d
[2] https://publish.obsidian.md/hub/04+-+Guides,+Workflows,+&+Courses/Guides/How+to+add+your+theme+to+the+community+theme+store
[3] https://www.accentuate.io/blogs/wiki/how-to-add-custom-css-to-shopify-theme
[4] https://salesforce.stackexchange.com/questions/227249/which-metadata-stores-custom-css-for-a-community
[5] https://forum.opencart.com/viewtopic.php?t=218348
[6] https://community.shopify.com/c/technical-q-a/quot-online-store-editor-session-can-t-be-published-quot-message/td-p/1301887
[7] https://community.shopify.com/c/shopify-scripts/custom-css-error-online-store-editor-session-can-t-be-published/td-p/1942321
[8] https://www.hulkapps.com/blogs/shopify-hub/mastering-custom-css-in-shopify-a-comprehensive-guide-for-ecommerce-success