From e205eedc2ee9a2bdf320c448c04818aa234cdcb1 Mon Sep 17 00:00:00 2001 From: thhsh-local Date: Thu, 5 Jun 2025 13:46:53 -0400 Subject: [PATCH] Add image tricks --- docs/handbook/meta/tricks.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/docs/handbook/meta/tricks.md b/docs/handbook/meta/tricks.md index 8b23650..b35fa01 100644 --- a/docs/handbook/meta/tricks.md +++ b/docs/handbook/meta/tricks.md @@ -11,4 +11,16 @@ To hide the title on a page (like on the [:octicons-arrow-right-16: Home page](. display: none; } +``` + +## Images +### Logo Size +When embedding a site logo in a page (like on the [:octicons-arrow-right-16: Home page](../../support/index.md)), the sweet spot seems to be `300px` for the image width so that it doesn't look "off". + +### Different images for dark/light mode +You can use `#only-dark` to only show an image in dark mode, and `#only-light` to only show an image in light mode. For example: + +``` md linenums="1" +![StarCat Systems Logo-dark](https://cdn.starcat.systems/logos/Starcat_Systems-Head_Circle_Name-212121_Black-300x150px.svg#only-light) +![StarCat Systems Logo-light](https://cdn.starcat.systems/logos/Starcat_Systems-Head_Circle_Name-FFFFFF_White-300x150px.svg#only-dark) ``` \ No newline at end of file