{"id":13474950,"url":"https://github.com/tessus/joplin-custom-css","last_synced_at":"2025-03-17T03:31:27.940Z","repository":{"id":152664717,"uuid":"239996880","full_name":"tessus/joplin-custom-css","owner":"tessus","description":"📝 My custom styles for Joplin, the open source note taking app","archived":false,"fork":false,"pushed_at":"2023-03-14T00:20:37.000Z","size":1890,"stargazers_count":98,"open_issues_count":1,"forks_count":31,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-02-27T17:33:45.373Z","etag":null,"topics":["css","joplin","theme"],"latest_commit_sha":null,"homepage":"https://joplinapp.org","language":"CSS","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tessus.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-02-12T11:30:32.000Z","updated_at":"2025-02-08T22:40:25.000Z","dependencies_parsed_at":"2023-06-16T23:00:21.348Z","dependency_job_id":null,"html_url":"https://github.com/tessus/joplin-custom-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tessus%2Fjoplin-custom-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tessus%2Fjoplin-custom-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tessus%2Fjoplin-custom-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tessus%2Fjoplin-custom-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tessus","download_url":"https://codeload.github.com/tessus/joplin-custom-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243841203,"owners_count":20356443,"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":["css","joplin","theme"],"created_at":"2024-07-31T16:01:16.184Z","updated_at":"2025-03-17T03:31:27.513Z","avatar_url":"https://github.com/tessus.png","language":"CSS","funding_links":[],"categories":["Themes","CSS"],"sub_categories":[],"readme":"# K.C.'s custom styles for Joplin\n\nInspired by [Devon's repo](https://github.com/devonzuegel/joplin-custom-css) I've created my own style for Joplin. It's nothing fancy, but should work with all dark themes.\nIn the future I might add specific styles for other themes.\n\nI've also added a [`sample.md`](sample.md) markdown file, which I used for testing the css.\n\n## How to install\n\nThere are different ways you can install and use the theme.\n\n### Theme Config Utility\n\n- Clone the repository\n- Run `./tcu`\n\nSee the [section](#tcu) below for a more detailed description of the utility.\n\n### Manual Install\n\n- Clone the repository into your Joplin profile directory. If you don't know where it is, go to `Preferences` and it will show you the location.\n- Create symlinks to the `.css` files. (Remove or rename your current css files, if they already exist.)\n- Create a new branch for your own changes. This will make it easier when new updates are available.\n\n```\ncd ~/.config/joplin-desktop\ngit clone https://github.com/tessus/joplin-custom-css.git\nln -s joplin-custom-css/Dark/userchrome.css\nln -s joplin-custom-css/Dark/userstyle.css\ncd joplin-custom-css\ngit checkout -b my-css\n# make changes to the css files and commit them\n# when a new update is available, merge or rebase\ngit fetch origin master:master \u0026\u0026 git rebase master\n```\n\n## Dark\n\n![](images/Dark.png)\n\n## tcu\n\nCurrently there's only one theme in the repository, so there's no need to specify it.\n\nA backup of the css files will be created automatically in case data would be lost otherwise.\n\n```\ntcu - Theme Config Utility\n\nusage: tcu [-t|--theme THEME] [-p|--profile PROFILE_DIR] [-x|--no-theme] [-c|--copy] [-d|--debug] [-V|--version] [-h] [--help]\n\n       -t, --theme THEME\n           activate THEME\n           available themes:\n              dark\n              none (same as -x, --no-theme)\n\n       -p, --profile PROFILE_DIR\n           Joplin profile directory\n\n       -x, --no-theme\n           deactivate current theme\n\n       -d, --debug\n           print debug information\n\n       -c, --copy\n           copy files instead of creating symbolic links\n\n       -V, --version\n           version information\n\n       -h\n           usage information\n\n       --help\n           this help\n```\n\n## Credits\n\nMany of the CSS snippets were taken from different topics on the [Joplin forum](https://discourse.joplinapp.org/). A few of them I used ad verbatim, others I had to adjust to match my theme, and others served as an inspiration.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftessus%2Fjoplin-custom-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftessus%2Fjoplin-custom-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftessus%2Fjoplin-custom-css/lists"}