# Weather CSS Mapping
| Wunderground | Darksky | Openweathermap | Icon Name | icon |
| :-------------------------- | :----------------- | :------------- | :-------- | :----------------------: |
| wi-wu-clear
wi-wu-sunny | wi-darksky-clear-day | wi-owm-01d | f00d |  |
| wi-wu-nt_clear
wi-wu-nt_mostlysunny
wi-wu-nt_sunny | wi-darksky-clear-night | wi-owm-01n | f02e |  |
| wi-wu-chancerain | wi-darksky-rain | wi-owm-10d | f019 |  |
| wi-wu-chancesnow
wi-wu-snow | wi-darksky-snow | wi-owm-13d | f01b |  |
| wi-wu-chancesleet
wi-wu-sleet | wi-darksky-sleet | | f0b5 |  |
| wi-wu-fog | wi-darksky-fog | wi-owm-50d | f014 |  |
| | wi-darksky-wind | | f050 |  |
| | wi-darksky-cloudy | wi-owm-04d | f013 |  |
| wi-wu-cloudy
wi-wu-mostlycloud
wi-wu-partlycloudy
wi-wu-partlysunny | wi-darksky-partly-cloudy-day | wi-owm-03d | f002 |  |
| wi-wu-nt_partlysunny | wi-darksky-partly-cloudy-night | wi-owm-04n | f086 |  |
| | wi-darksky-hail | | f015 |  |
| wi-wu-chancetstorm
wi-wu-tstorms | wi-darksky-thunderstorm | wi-owm-11d | f01e |  |
| | wi-darksky-tornado | | f056 |  |
| wi-wu-mostlysunny | | wi-owm-02d | f00c |  |
| | | wi-owm-09d | f017 |  |
| wi-wu-nt_mostlycloudy
wi-wu-nt_partlycloudy | | wi-owm-02n | f081 |  |
| wi-wu-nt_hazy | | wi-owm-03n | f07e |  |
| | | wi-owm-09n | f026 |  |
| wi-wu-nt_chancerain
wi-wu-nt_rain | | wi-owm-10n | f028 |  |
| | | wi-owm-11n | f02c |  |
| wi-wu-nt_chancesnow
wi-wu-nt_snow | | wi-owm-13n | f02a |  |
| wi-wu-nt_fog | | wi-owm-50n | f04a |  |
| wi-wu-chanceflurries
wi-wu-flurries | | | f064 |  |
| wi-wu-hazy | | | f0b6 |  |
| wi-wu-rain | | | f01a |  |
| wi-wu-nt_chanceflurries
wi-wu-nt_flurries | | | f067 |  |
| wi-wu-nt_chancesleet
wi-wu-nt_sleet | | | f0b4 |  |
| wi-wu-nt_chancetstorms
wi-wu-nt_tstorms | | | f02d |  |
| wi-wu-nt_cloudy | | | f031 |  |
# Moon phase CSS Mapping
| CSS Code | Icon Name | icon |
| :-------------------------- | :-------- | :----------------------: |
| wi-moon-new | f0e1 |  |
| wi-moon-wax-cres | f0da |  |
| wi-moon-first-quart | f0db |  |
| wi-moon-wax-gibb | f0dc |  |
| wi-moon-full | f0dd |  |
| wi-moon-wan-gibb | f0de |  |
| wi-moon-third-quart | f0df |  |
| wi-moon-wan-cres | f0e0 |  |
**NOTE** - Because the Moon icons are representative of a 'physical moon', it is necessary to have an additional version for the dark theme, to avoid the icon colour becoming inverted. The dark theme version is obtained by adding `-dark` to the CSS code. For example to get the full moon (light theme version) the code would be `wi-moon-full`, whilst the same icon for a dark theme, the CSS code would be `wi-moon-full-dark`.
# Direction pointers
| CSS Code | Icon Name | icon |
| :-------------------------- | :-------- | :----------------------: |
| wi-arrow | f0d1 |  |
| wi-direction | f0d2 |  |