diff --git a/pages/Custom theme.md b/pages/Custom theme.md index c404e2a0..9797967c 100644 --- a/pages/Custom theme.md +++ b/pages/Custom theme.md @@ -4,8 +4,22 @@ platform:: [[All Platforms]] but some ways are not supported for [[Publish Web]] - ## Usage - There are three ways to install custom themes - 1. Load a theme from the [[Marketplace]]. + - Click on top-right dot menu dropdown + - Open Plugins tab + - Click on [[Marketplace]] and the [[theme]]s tab + - Install one - Themes rely on [[Plugins]] and thus will not work anywhere except where they are supported. - - 2. Add a [[custom.css]] file - - 3. Specify a `:custom-css-url` in "logseq/config.edn". [[config.edn]] + - 2. Edit the [[custom.css]] file (aka. make your own theme) + - Top-right dot menu dropdown -> [[Settings]] + - Click on Edit [[custom.css]] + - ![image](https://user-images.githubusercontent.com/66485719/212510223-f234ab89-b63c-4b89-8558-2d40b3ecd18f.png) + - This will open the custom.css file in Logseq, where you can make edits + - 3. Specify a `:custom-css-url` in "logseq/config.edn". [[config.edn]] + - Top-right dtop menu dropdown -> [[Settings]] + - Click on Edit [[config.edn]] + - ![image](https://user-images.githubusercontent.com/66485719/212511148-621eb05f-b164-49e3-9fd2-16f89925be89.png) + - This will open the config.edn file in Logseq, where you can add a line like this, importing a css file via url: + - ```:custom-css-url "@import url('https://cdn.jsdelivr.net/gh/dracula/logseq@master/custom.css');"``` - ## Additional Links - - https://xyhp915.github.io/logseq-marketplace-table/ - Filter to `Themes` for a full list of available community themes \ No newline at end of file + - https://xyhp915.github.io/logseq-marketplace-table/ - Filter to `Themes` for a full list of available community themes + - https://github.com/logseq/awesome-logseq#css-themes - Cool themes from [awesome-logseq](https://github.com/logseq/awesome-logseq#css-themes)