Add docs for development on Bulma, CSS, and dark mode colors

hedyhli commented 6 months ago

Discord discussion: https://discord.com/channels/267624335836053506/635950537262759947/1201167215186165880

The addition of dark mode prompted the need for some notes on the best practices in adding/updating colors and CSS styles in the future. This includes:

Images for content pages (#1215)
Resources images (#1226)
Making use of bulma classes so light/dark mode colors can be applied based on the theme (see settings.py and CSS directory readme)
Image assets (images directory readme)

Others

I've updated the main pydis_site readme to remove reference to incorrect static files directory structure. I hope this is fine if we don't squash-merge (although I understand including slightly unrelated changes to a PR is frowned upon).

netlify[bot] commented 6 months ago

Deploy Preview for pydis-static ready!

Name	Link
Latest commit	9c58bae4dec38864a02b2c7670cf5c7118a4a7f4
Latest deploy log	https://app.netlify.com/sites/pydis-static/deploys/65eda66d840e3700071c767e
Deploy Preview	https://deploy-preview-1231--pydis-static.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

coveralls commented 6 months ago

coverage: 100.0%. remained the same when pulling 9c58bae4dec38864a02b2c7670cf5c7118a4a7f4 on docs/dark-theme-dev into e39cbf39e932b678ea4f45c13165d50ed7c965f5 on main.

python-discord / site