aboutsummaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorAllan Wang <me@allanwang.ca>2021-09-12 20:32:44 -0700
committerAllan Wang <me@allanwang.ca>2021-09-12 20:32:44 -0700
commita07dc74dc80a9f6e416b8a06d6deeae84e3498e4 (patch)
treef8551cbb458912479543aea2794570a826f41ef9 /docs
parentb75dc687ca2e338d5d25e97c74719643100284a2 (diff)
downloadfrost-a07dc74dc80a9f6e416b8a06d6deeae84e3498e4.tar.gz
frost-a07dc74dc80a9f6e416b8a06d6deeae84e3498e4.tar.bz2
frost-a07dc74dc80a9f6e416b8a06d6deeae84e3498e4.zip
Update theming docs
Diffstat (limited to 'docs')
-rw-r--r--docs/Theming.md6
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.