Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Sky ColorNew to Visual Studio Code? Get it now.
Sky Color

Sky Color

sumomoneko

|
211 installs
| (0) | Free
Reflects the current sky color in the status bar
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Sky Color: Reflects the current sky color in the status bar

Get the latitude, longitude, and weather of the current location from OpenWeatherMap and set the current sky color in the status bar.

screen image

Features

  • Set the current sky color in the status bar.
  • The color is whitened depending on the degree of cloudiness.

This extension is inspired by zk-phi/sky-color-clock: Emacs clock widget.
There are also the following projects based on the same concept:

  • for Vim: mopp/sky-color-clock.vim
  • Desktop app: opengl-8080/little-sky

How to setup

  1. Register with OpenWeatherMap and get an API key.
  2. Set API key, Country code, and zip code in user settings. settings

Implementation Details

At startup, Geocoding API is used to obtain latitude and longitude.
Then, every 30 minutes, Current weather data API is used to obtain the time of the Sunrise/Sunset and cloud degree.
Every 5 minutes, update the color of the status bar based on the current time.

To update colors, this extension rewrites workbench.colorCustomizations in User settings.json.
The implementation for the color change is based on johnpapa/vscode-peacock.

License

  • MIT
  • Icon Image by Peter H from Pixabay
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft