Skip to content

ThemeImage fix #92

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 17, 2025
Merged

ThemeImage fix #92

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/content/docs/development/contribution-guidelines.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,17 +84,17 @@ This guide will walk you through the new feature introduced in the latest releas

For more details, check the [official documentation](https://docs.openipc.org).

This is an image [Example Image](../../../images/example-image.png)
This is an image [Example Image](/images/example-image.png)
This is an image with unreadable text in a dark theme
(changes the image depending on the selected theme)
<ThemeImage
lightSrc="/src/assets/images/example-image-light.png"
darkSrc="/src/assets/images/example-image-dark.png"
lightSrc="/images/example-image-light.png"
darkSrc="/images/example-image-dark.png"
alt="Example image"
/>
```
:::caution
Please place your image in `/src/assets/images`so that you can use it like this `[Example Image](/images/example-image.png)` while using `yarn dev`. Before PR request add `https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main` before every image like this `[Example Image](/images/example-image.png)`
Please place your image in `/public/images/`so that you can use it like this `[Example Image](/images/example-image.png)`.
:::
:::caution
To make ThemeImage work, add `import ThemeImage from '/src/components/ThemeImage.astro'` right after Frontmatter. If you forget to do this, `yarn dev` won't see any problems, but the site won't work, so do a `yarn build` before PR to check if everything is ok.
Expand Down
8 changes: 4 additions & 4 deletions src/content/docs/hardware/OpenIPC/VRX/openipc-bonnet.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,17 +38,17 @@ The **OpenIPC Bonnet** is a compact expansion board designed to extend the capab
## Front View Diagram

<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bonnet-top-light.jpg"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bonnet-top-dark.png"
lightSrc="/images/bonnet-top-light.jpg"
darkSrc="/images/bonnet-top-dark.png"
alt="Front"
/>
---

## Back View Diagram

<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bonnet-bottom-light.jpg"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bonnet-bottom-dark.png"
lightSrc="/images/bonnet-bottom-light.jpg"
darkSrc="/images/bonnet-bottom-dark.png"
alt="Back"
/>

Expand Down
8 changes: 4 additions & 4 deletions src/content/docs/hardware/Runcam/VTX/runcam-wifilink-v1.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,14 +26,14 @@ import ThemeImage from '/src/components/ThemeImage.astro'
### Layout
Motherboard up
<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-v1-motherboard-up-dark.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-v1-motherboard-up-light.png"
lightSrc="/images/runcam-wifilink-v1-motherboard-up-dark.png"
darkSrc="/images/runcam-wifilink-v1-motherboard-up-light.png"
alt="Motherboard up image"
/>
Motherboard down
<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-v1-motherboard-down.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-v1-motherboard-down-dark.png"
lightSrc="/images/runcam-wifilink-v1-motherboard-down.png"
darkSrc="/images/runcam-wifilink-v1-motherboard-down-dark.png"
alt="Motherboard up image"
/>

Expand Down
8 changes: 4 additions & 4 deletions src/content/docs/hardware/Runcam/VTX/runcam-wifilink-v2.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,14 +25,14 @@ import ThemeImage from '/src/components/ThemeImage.astro'

### Layout
<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-2-motherboard-down-light.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-2-motherboard-down-dark.png"
lightSrc="/images/runcam-wifilink-2-motherboard-down-light.png"
darkSrc="/images/runcam-wifilink-2-motherboard-down-dark.png"
alt="Motherboard down image"
/>

<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-2-motherboard-up-light.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/runcam-wifilink-2-motherboard-up-dark.png"
lightSrc="/images/runcam-wifilink-2-motherboard-up-light.png"
darkSrc="/images/runcam-wifilink-2-motherboard-up-dark.png"
alt="Motherboard down image"
/>

Expand Down
4 changes: 2 additions & 2 deletions src/content/docs/use-cases/fpv/Net cards/rtl8731bu.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@ Bottom

### Pinout
<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bl-m8731bu3-pinout-light.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bl-m8731bu3-pinout-dark.png"
lightSrc="/images/bl-m8731bu3-pinout-light.png"
darkSrc="/images/bl-m8731bu3-pinout-dark.png"
alt="Pinout"
/>
| Pin number | Function |
Expand Down
4 changes: 2 additions & 2 deletions src/content/docs/use-cases/fpv/Net cards/rtl8812au.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ The RTL8812AU is an old, expensive, but proven WiFi chip that can be found in a
LB-LINK BL-R8812AF1 is small size, low power net card. It is very popular choice for toothpick builds. This net card can be found on EMAX Wyvern Link VTX Alpha 100mW.
![image](/images/bl-r8812af1-top.png)
<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bl-r8812af1-bottom-light.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bl-r8812af1-bottom-dark.png"
lightSrc="/images/bl-r8812af1-bottom-light.png"
darkSrc="/images/bl-r8812af1-bottom-dark.png"
alt="WiFi adapter image"
/>
### Pinout
Expand Down
8 changes: 4 additions & 4 deletions src/content/docs/use-cases/fpv/Net cards/rtl8812eu.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@ Top view

Bottom view (with pin numbers)
<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bl-m8812eu2-bottom-light.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/bl-m8812eu2-bottom-dark.png"
lightSrc="/images/bl-m8812eu2-bottom-light.png"
darkSrc="/images/bl-m8812eu2-bottom-dark.png"
alt="WiFi adapter image"
/>

Expand Down Expand Up @@ -48,8 +48,8 @@ Bottom view (with pin numbers)
Runcam custom RTL8812EU is custom adapter made by Runcam for their devices, such as [WiFiLink 2](/hardware/runcam/vtx/runcam-wifilink-v2/) and [WiFiLink-RX](/hardware/runcam/vrx/runcam-wifilink-rx/).
### Layout
<ThemeImage
lightSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/rtl8812eu-custom-runcam-top-light.png"
darkSrc="https://raw.githubusercontent.com/OpenIPC/docs/refs/heads/main/src/assets/images/rtl8812eu-custom-runcam-top-dark.png"
lightSrc="/images/rtl8812eu-custom-runcam-top-light.png"
darkSrc="/images/rtl8812eu-custom-runcam-top-dark.png"
alt="Motherboard up image"
/>

Expand Down