Skip to content

Commit e6dbe6c

Browse files
authored
Merge pull request #184 from trimclain/update-styling-wiki
docs: update styling wiki
2 parents f7f86ef + c0b9cfe commit e6dbe6c

File tree

1 file changed

+6
-2
lines changed

1 file changed

+6
-2
lines changed

docs/Styling.md

+6-2
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,10 @@ You can specify different icon class in the configuration file as shown below.
5151
label: "<span class=\"icon-1"\">\uf4bc</span> {virtual_mem_free}"
5252
```
5353

54+
> **Note**:
55+
> To avoid some icons being cut off on the sides, it's recommended to use the proportional version of your Nerd Font (e.g. `JetBrainsMono Nerd Font Propo`),
56+
57+
5458
## Style Text
5559

5660
Text can be styled with the following:
@@ -75,7 +79,7 @@ Example how to target widget container
7579
```
7680

7781
> **Note:**
78-
> Keep the mind YASB is written in Python and styled with CSS is very limited. You can't use CSS3 or any other advanced CSS features.
82+
> Keep in mind that YASB is written in Python and styled with very limited CSS. You can't use CSS3 or any other advanced CSS features.
7983
8084

8185
## Follow OS Theme
@@ -107,4 +111,4 @@ YASB can follow the OS theme, if you have OS dark style YASB will add class `.da
107111
## Icons
108112
There is a nice app at [Character Map UWP](https://github.com/character-map-uwp/Character-Map-UWP) where you can select a font, click on icons, and copy the UTF-16 value. Alternatively, you can visit the Nerd Fonts site and do the same under the icons section.
109113

110-
![Character Map UWP](assets/361286571-e6e1654b-34c7-484f-961c-ace25cb50286.png)
114+
![Character Map UWP](assets/361286571-e6e1654b-34c7-484f-961c-ace25cb50286.png)

0 commit comments

Comments
 (0)