mirror of
https://github.com/simple-icons/simple-icons.git
synced 2024-12-16 01:10:30 +02:00
Add dark mode documentation for cdn.simpleicons.org
(#8985)
This commit is contained in:
parent
621cfa4708
commit
bfc30fc6b3
@ -48,9 +48,10 @@ We also provide a CDN service which allows you to use colors.
|
||||
```html
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/[ICON SLUG]" />
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/[ICON SLUG]/[COLOR]" />
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/[ICON SLUG]/[COLOR]/[DARK_MODE_COLOR]" />
|
||||
```
|
||||
|
||||
Where `[COLOR]` is optional, and can be replaced by the [hex colors](https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color) or [CSS keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords) of the icon you want to you use. The color is defaulted to the HEX color of the icon shown in [simpleicons.org website](https://simpleicons.org). For example:
|
||||
Where `[COLOR]` is optional, and can be replaced by the [hex colors](https://developer.mozilla.org/en-US/docs/Web/CSS/hex-color) or [CSS keywords](https://www.w3.org/wiki/CSS/Properties/color/keywords) of the icon you want to you use. The color is defaulted to the HEX color of the icon shown in [simpleicons.org website](https://simpleicons.org). `[DARK_MODE_COLOR]` is used for dark mode. The [CSS prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) will be used when a value is specified. For example:
|
||||
|
||||
```html
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons" />
|
||||
@ -60,6 +61,8 @@ Where `[COLOR]` is optional, and can be replaced by the [hex colors](https://dev
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/0cf9" />
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/00ccff" />
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/00ccff99" />
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/orange/pink">
|
||||
<img height="32" width="32" src="https://cdn.simpleicons.org/simpleicons/_/eee">
|
||||
```
|
||||
|
||||
### Node Usage <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/assets/readme/nodedotjs-white.svg"><source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/nodedotjs.svg"><img src="https://raw.githubusercontent.com/simple-icons/simple-icons/develop/icons/nodedotjs.svg" alt="Node" align=left width=24></picture>
|
||||
|
Loading…
Reference in New Issue
Block a user