From a07dc74dc80a9f6e416b8a06d6deeae84e3498e4 Mon Sep 17 00:00:00 2001 From: Allan Wang Date: Sun, 12 Sep 2021 20:32:44 -0700 Subject: [PATCH] Update theming docs --- docs/Theming.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/Theming.md b/docs/Theming.md index dc027ba66..14fff12cb 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.