Mirrors/Frost-for-Facebook
1
0
Fork 0
mirror of https://github.com/AllanWang/Frost-for-Facebook.git synced 2024-11-08 12:02:33 +01:00
Code Issues Releases Activity

Update theming docs

Browse Source
This commit is contained in:
Allan Wang 2021-09-12 20:32:44 -07:00
parent b75dc687ca
commit a07dc74dc8
No known key found for this signature in database
GPG Key ID: 69D90B885D405BDB
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/Theming.md
View File

@ -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.