From 212161c1b3f890d56cbfda0e1422e2cec06f3fcd Mon Sep 17 00:00:00 2001 From: hedy Date: Tue, 13 Feb 2024 14:26:23 +0800 Subject: Add docs on Bulma, colors, dark mode, and CSS for development --- pydis_site/static/images/README.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 pydis_site/static/images/README.md (limited to 'pydis_site/static/images') diff --git a/pydis_site/static/images/README.md b/pydis_site/static/images/README.md new file mode 100644 index 00000000..1d51e8ee --- /dev/null +++ b/pydis_site/static/images/README.md @@ -0,0 +1,14 @@ +# Image assets + +The names of each directory correspond to the pages from which apps they are +used, except for the homepage, which uses `frontpage`, `waves`, `waves_dark`, +`sponsors`, and `sponsors_dark`. + +Directories with the `_dark` suffix store alternate images to the ones in the +corresponding directory without the `_dark` suffix. When using these alternate +images, use the `light-image` class for the normal image and the `dark-image` +class for the image intended for dark mode. + +The exception to this is the `waves_dark`, which is used in the homepage hero +section and the images are set by CSS using `[data-theme="light"]` and +`[data-theme="dark"]`. -- cgit v1.2.3