diff options
| author | Allan Wang <me@allanwang.ca> | 2021-09-12 20:32:44 -0700 |
|---|---|---|
| committer | Allan Wang <me@allanwang.ca> | 2021-09-12 20:32:44 -0700 |
| commit | a07dc74dc80a9f6e416b8a06d6deeae84e3498e4 (patch) | |
| tree | f8551cbb458912479543aea2794570a826f41ef9 /docs | |
| parent | b75dc687ca2e338d5d25e97c74719643100284a2 (diff) | |
| download | frost-a07dc74dc80a9f6e416b8a06d6deeae84e3498e4.tar.gz frost-a07dc74dc80a9f6e416b8a06d6deeae84e3498e4.tar.bz2 frost-a07dc74dc80a9f6e416b8a06d6deeae84e3498e4.zip | |
Update theming docs
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/Theming.md | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/docs/Theming.md b/docs/Theming.md index dc027ba6..14fff12c 100644 --- a/docs/Theming.md +++ b/docs/Theming.md @@ -22,9 +22,9 @@ In the case of providing theme updates, identifying the relevant selectors will It is also useful to apply Frost's existing themes to see what is already configured and what is missing. To do so, I use the following tools: * [Visual Studio Code](https://code.visualstudio.com/) as the main IDE -* [CSS & JS Injection](https://chrome.google.com/webstore/detail/css-and-javascript-inject/ckddknfdmcemedlmmebildepcmneakaa) or any other plugin that allows you to apply CSS to a web page. - -When opening the Frost project, navigating to `app/web` and install the npm packages. Run SASS to generate the files, and focus on `app/web/assets/css/core/core.css`; this is what you'll want to paste into the browser extension to see the updates. To update the theme, modify one of the `app/web/scss/core/_core_*.scss` files, which will update `core.css`. +* [Super CSS Inject](https://chrome.google.com/webstore/detail/super-css-inject/pcfpmmmjdgngeidaggcahhoncahmpiin) or any other plugin that allows you to apply CSS to a web page. + * Use [Web Server for Chrome](https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb) to deliver local files. +When opening the Frost project, navigating to `app/web` and install the npm packages. Run SASS to generate the files, and focus on `app/web/assets/css/facebook/core/core.css`; this is what you'll want to paste into the browser extension to see the updates. To update the theme, modify one of the `app/web/scss/facebook/core/_core_*.scss` files, which will update `core.css`. If the update works, the selected elements should change. Note that the core theme is intentionally a mix of weird colors, to make it easier to see changes. |