{"id":22271645,"url":"https://github.com/zachatoo/obsidian-css-editor","last_synced_at":"2026-05-13T07:07:27.410Z","repository":{"id":165861081,"uuid":"617755945","full_name":"Zachatoo/obsidian-css-editor","owner":"Zachatoo","description":"Edit CSS snippets in Obsidian.","archived":false,"fork":false,"pushed_at":"2025-04-24T22:24:25.000Z","size":3515,"stargazers_count":67,"open_issues_count":5,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-09T00:07:14.788Z","etag":null,"topics":["obsidian-plugin","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Zachatoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":"zachatoo","ko_fi":"zachatoo"}},"created_at":"2023-03-23T03:17:36.000Z","updated_at":"2025-05-01T20:37:06.000Z","dependencies_parsed_at":"2024-04-12T05:53:37.941Z","dependency_job_id":"b5673d14-d554-4f52-961b-3a89711f7211","html_url":"https://github.com/Zachatoo/obsidian-css-editor","commit_stats":null,"previous_names":[],"tags_count":24,"template":false,"template_full_name":"obsidianmd/obsidian-sample-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zachatoo%2Fobsidian-css-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zachatoo%2Fobsidian-css-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zachatoo%2Fobsidian-css-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Zachatoo%2Fobsidian-css-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Zachatoo","download_url":"https://codeload.github.com/Zachatoo/obsidian-css-editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253166520,"owners_count":21864482,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["obsidian-plugin","typescript"],"created_at":"2024-12-03T12:13:29.438Z","updated_at":"2026-05-13T07:07:27.406Z","avatar_url":"https://github.com/Zachatoo.png","language":"TypeScript","funding_links":["https://github.com/sponsors/zachatoo","https://ko-fi.com/zachatoo"],"categories":[],"sub_categories":[],"readme":"![Obsidian Downloads](https://img.shields.io/badge/dynamic/json?logo=obsidian\u0026color=%237C3AED\u0026label=downloads\u0026query=%24%5B%22css-editor%22%5D.downloads\u0026url=https%3A%2F%2Fraw.githubusercontent.com%2Fobsidianmd%2Fobsidian-releases%2Fmaster%2Fcommunity-plugin-stats.json)\n[![Test](https://github.com/Zachatoo/obsidian-css-editor/actions/workflows/test.yaml/badge.svg)](https://github.com/Zachatoo/obsidian-css-editor/actions/workflows/test.yaml)\n\n# CSS Editor\n\nThis plugin allows you to edit CSS files in the `.obsidian/snippets/` directory, with syntax highlighting and code completion, no external editor required.\n\n## Features\n\n- Create, edit, rename, and delete CSS snippets\n- Syntax highlighting and code completion\n- Works on desktop and mobile\n- Basic VIM support\n\n## Installation\n\n1. Open Obsidian **Settings → Community plugins → Browse**.\n2. Search for \"CSS Editor\" and click **Install**, then **Enable**.\n\n## Commands\n\n### Create CSS snippet\n\nOpens a prompt to create a CSS snippet in your `.obsidian/snippets/` directory. Upon creation, show editor to edit that CSS file.\n\n### Open CSS snippet quick switcher\n\nOpens a suggestion modal to create, edit, or delete a CSS snippet. Has similar functionality to the core quick switcher where holding down a secondary key will modify the action that will take place.\n\n- Press \u003ckbd\u003eEnter\u003c/kbd\u003e to open the selected CSS snippet, or if no suggestions are available, create a new CSS snippet.\n- Press \u003ckbd\u003e⌘\u003c/kbd\u003e\u003ckbd\u003eEnter\u003c/kbd\u003e to open the selected CSS snippet in a new tab.\n- Press \u003ckbd\u003eShift\u003c/kbd\u003e\u003ckbd\u003eEnter\u003c/kbd\u003e to create a new CSS snippet.\n- Press \u003ckbd\u003eTab\u003c/kbd\u003e to toggle the enable/disable state of the selected CSS snippet.\n- Press \u003ckbd\u003e⌘\u003c/kbd\u003e\u003ckbd\u003eDelete\u003c/kbd\u003e to delete the selected CSS snippet.\n\n### Delete CSS snippet\n\nDeletes the currently active CSS snippet file. Only available when viewing a CSS snippet file.\n\n### Toggle the enabled/disabled state of CSS snippet\n\nIf the currently active CSS snippet file is enabled then disable it, and vice versa. Only available when viewing a CSS snippet file. Note that you can also toggle this state directly from the quick switcher using the \u003ckbd\u003eTab\u003c/kbd\u003e key.\n\n---\n\n## Contributing\n\n### Releasing\n\nReleasing a new version involves the following steps:\n\n1. Update `minAppVersion` in `manifest.json` if applicable.\n1. Run `npm version patch`, `npm version minor`, or `npm version major`.\n    - This command will bump the version in the `manifest.json`, `package.json`, and `package-lock.json` files, add a new entry in `versions.json`, and create a git tag.\n1. Push the changes and tag. This will trigger a GitHub action to create the release.\n\n### Running tests\n\nTests are run using [wdio-obsidian-service](https://jesse-r-s-hines.github.io/wdio-obsidian-service/index.html). Tests are run automatically during PR checks and before releasing. You can also run tests manually with `npm test`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzachatoo%2Fobsidian-css-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzachatoo%2Fobsidian-css-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzachatoo%2Fobsidian-css-editor/lists"}