Guide: Extending weather and clock in waybar

[apurbapokharel]

Even before the most recent update that added weather icon to waybar I vibed together a small extension to my waybar that added 2 things:

Weather

1. Display icons that at a glance tells me what it would be outside if i touched grass, along side a temperature reading that goes along side it.
2. On hover the tooltip display the weather for the next 5 hours as well as the weather for the next 7 days.
3. On click the unit changes between Celcius and Fahrenheit.

Date and Time

1. On hover the time shows the current month.

2. On pressing the middle mouse wheel it shows the entire year calendar.

For everyone

As per DHH's belief not everyone that uses omarchy can understand it well enough to put these things together so I intend to share the way they can add these to their own waybar.

Also, if one of the core contributors feel this would make a good PR let me know or feel free to add it anyway works.

Guide

Weather

1. In .config/waybar/config.jsonc add custom/weather (should already be there after omarchy 3.7)

  "modules-center": ["clock", "custom/update", "custom/weather", "custom/voxtype", 
    "custom/screenrecording-indicator", "custom/idle-indicator", "custom/notification-silencing-indicator"],

Below add the custom/weather

// config before 

  "custom/weather": {
    "exec": "/home/apu/.local/bin/waybar-weather.sh",
    "return-type": "json",
    "interval": 900,
    "on-click": "/home/apu/.local/bin/waybar-weather.sh toggle"
  },

// config after

In style.css add

#custom-weather{
  margin: 0 7.5px;
  min-width: 48px;
}

2. Adding the weather script
   In ~/.local/bin/ add waybar-weather.sh
   make sure it give it executable permission (sudo chmod +x waybar-weather.sh)

#!/usr/bin/env bash
# Waybar weather module using Open-Meteo API
# Features:
# - Auto-detects location via IP geolocation
# - Left-click: toggle C/F
# - Right-click: shows hourly + 7-day forecast in tooltip
# - Caches location for 24h, weather for 15min

CACHE_DIR="${XDG_CACHE_DIR:-$HOME/.cache}"
CACHE_FILE="$CACHE_DIR/waybar-weather-cache.json"
LOCATION_FILE="$CACHE_DIR/waybar-weather-location.json"
UNIT_FILE="$CACHE_DIR/weather-unit"

mkdir -p "$CACHE_DIR"

wmo_to_desc() {
    local code=$1
    case $code in
        0) echo "Clear sky" ;;
        1|2|3) echo "Partly cloudy" ;;
        45|48) echo "Foggy" ;;
        51|53|55) echo "Drizzle" ;;
        56|57) echo "Freezing drizzle" ;;
        61|63|65) echo "Rain" ;;
        66|67) echo "Freezing rain" ;;
        71|73|75) echo "Snow" ;;
        77) echo "Snow grains" ;;
        80|81|82) echo "Rain showers" ;;
        85|86) echo "Snow showers" ;;
        95) echo "Thunderstorm" ;;
        96|99) echo "Thunderstorm with hail" ;;
        *) echo "Unknown" ;;
    esac
}

wmo_to_icon() {
    local code=$1
    case $code in
        0) echo "☼" ;;
        1|2|3) echo "󰖐" ;;
        45|48) echo "󰖑" ;;
        51|53|55) echo "" ;;
        56|57) echo "" ;;
        61|63|65) echo "󰖖" ;;
        66|67) echo "󰖖" ;;
        71|73|75|77) echo "❄" ;;
        80|81|82) echo "󰖖" ;;
        85|86) echo "❄" ;;
        95) echo "" ;;
        96|99) echo "󰖒" ;;
        *) echo "○" ;;
    esac
}

get_location() {
    if [[ -f "$LOCATION_FILE" ]]; then
        local age=$(($(date +%s) - $(stat -c %Y "$LOCATION_FILE" 2>/dev/null || stat -f %m "$LOCATION_FILE")))
        if [[ $age -lt 86400 ]]; then
            cat "$LOCATION_FILE"
            return
        fi
    fi

    local geo_json=$(curl -s --max-time 10 "https://ipapi.co/json/")
    if [[ -n "$geo_json" ]]; then
        local lat=$(echo "$geo_json" | jq -r '.latitude // empty')
        local lon=$(echo "$geo_json" | jq -r '.longitude // empty')
        if [[ -n "$lat" && -n "$lon" && "$lat" != "null" ]]; then
            echo "{\"lat\":$lat,\"lon\":$lon}" > "$LOCATION_FILE"
            cat "$LOCATION_FILE"
            return
        fi
    fi
    echo "Error: Failed to fetch location data from ipapi.co" >&2
    exit 1
}

get_unit() {
    if [[ -f "$UNIT_FILE" ]]; then
        cat "$UNIT_FILE"
    else
        echo "C"
    fi
}

toggle_unit() {
    local current=$(get_unit)
    if [[ "$current" == "C" ]]; then
        echo "F" > "$UNIT_FILE"
    else
        echo "C" > "$UNIT_FILE"
    fi
}

convert_temp() {
    local temp=$1
    local unit=$(get_unit)
    if [[ "$unit" == "F" ]]; then
        echo "$(awk "BEGIN {printf \"%.0f\", $temp * 9 / 5 + 32}")"
    else
        echo "$temp"
    fi
}

get_weather() {
    local location=$(get_location)
    local lat=$(echo "$location" | jq -r '.lat')
    local lon=$(echo "$location" | jq -r '.lon')

    if [[ -f "$CACHE_FILE" ]]; then
        local cache_age=$(($(date +%s) - $(stat -c %Y "$CACHE_FILE" 2>/dev/null || stat -f %m "$CACHE_FILE")))
        if [[ $cache_age -lt 900 ]]; then
            cat "$CACHE_FILE"
            return
        fi
    fi

    local json=$(curl -s --max-time 10 \
        "https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}&current=temperature_2m,weather_code&hourly=temperature_2m,weather_code&daily=temperature_2m_max,temperature_2m_min,weather_code&timezone=auto&forecast_days=7")

    if [[ -n "$json" && "$json" != "null" ]]; then
        echo "$json" > "$CACHE_FILE"
        echo "$json"
    elif [[ -f "$CACHE_FILE" ]]; then
        cat "$CACHE_FILE"
    fi
}

build_output() {
    local json=$(get_weather)
    local unit=$(get_unit)

    if [[ -z "$json" ]]; then
        echo '{"text": "ERR", "tooltip": "Weather unavailable"}'
        return
    fi

    local current_temp=$(echo "$json" | jq -r '.current.temperature_2m // empty')
    local current_code=$(echo "$json" | jq -r '.current.weather_code // empty')

    if [[ -z "$current_temp" || "$current_temp" == "null" ]]; then
        echo '{"text": "ERR", "tooltip": "Weather parse error"}'
        return
    fi

    local display_temp=$(convert_temp "$current_temp")
    local unit_symbol="${unit}°"
    local icon=$(wmo_to_icon "$current_code")
    local desc=$(wmo_to_desc "$current_code")

    # ---------- Header ----------
    # local tooltip="• Now: $icon $display_temp$unit_symbol — $desc
    local tooltip="• Now: $icon $display_temp$unit_symbol 

• Hourly:"

    # ---------- Hourly ----------
    local hourly_temps=$(echo "$json" | jq -r '.hourly.temperature_2m[0:6][]')
    local hourly_codes=$(echo "$json" | jq -r '.hourly.weather_code[0:6][]')
    local hour=$(date +%H | sed 's/^0//')

    local count=0
    while IFS= read -r temp; do
        local t=$(convert_temp "$temp")
        local h=$((hour + count))
        [[ $h -ge 24 ]] && h=$((h - 24))

        local code=$(echo "$hourly_codes" | sed -n "$((count + 1))p")
        local ic=$(wmo_to_icon "$code")

        tooltip+=$(printf "\n  • %02d:00  %s %s%s" "$h" "$ic" "$t" "$unit_symbol")
        count=$((count + 1))
    done <<< "$hourly_temps"

    # ---------- Daily ----------
    tooltip+="

• 7-Day Forecast:"

    local daily_max=$(echo "$json" | jq -r '.daily.temperature_2m_max[0:6][]')
    local daily_min=$(echo "$json" | jq -r '.daily.temperature_2m_min[0:6][]')
    local daily_codes=$(echo "$json" | jq -r '.daily.weather_code[0:6][]')

    local day_count=0
    while IFS= read -r max_temp; do
        local min_temp=$(echo "$daily_min" | sed -n "$((day_count + 1))p")
        local code=$(echo "$daily_codes" | sed -n "$((day_count + 1))p")
        local ic=$(wmo_to_icon "$code")

        local max_d=$(convert_temp "$max_temp")
        local min_d=$(convert_temp "$min_temp")

        local day_name
        if [[ $day_count -eq 0 ]]; then
            day_name="Today"
        else
            day_name=$(date -d "+$day_count days" +%a)
        fi

        tooltip+=$(printf "\n  • %-5s  %s  %s/%s%s" "$day_name" "$ic" "$max_d" "$min_d" "$unit_symbol")
        day_count=$((day_count + 1))
    done <<< "$daily_max"

    # escape for JSON
    tooltip=$(printf '%s' "$tooltip" | jq -Rs '.')

    echo "{\"text\":\"$icon $display_temp\",\"tooltip\":$tooltip,\"class\":\"running\"}"
}


case "${1:-}" in
    toggle)
        toggle_unit
        rm -f "$CACHE_FILE"
        ;;
    *)
        build_output
        ;;
esac

3. restart waybar using omarchy-restart-waybar

Date and time

1. Change the current clock config inside ~/.config/waybar/config.jsonc

"clock": {
    // This is 24hr
    // "format": "{:L%A %H:%M}",
    "format": "{:L%d %I:%M}",
    "format-alt": "{:L%d %B W%V %Y}",
    "tooltip": true,
    "on-click-right": "omarchy-launch-floating-terminal-with-presentation omarchy-tz-select",
    // APU: adding these
    "tooltip-format": "<tt>{calendar}</tt>",
    "on-click-middle": "floating.sh cal -y"
  },

2. Add floating.sh to ~/.local/bin/ and make it executable

#!/bin/bash

# Launch a floating terminal with the Omarchy logo presentation, then execute the command passed in, and finally end with the omarchy-show-done presentation.
# Used by actions such as Update System.

cmd="$*"
exec setsid uwsm-app -- xdg-terminal-exec --app-id=org.omarchy.kittyFloat --title=Omarchy -e bash -c "$cmd; if (( \$? != 130 )); then omarchy-show-done; fi"

3. Add the new floating panel to hyprland config (the new floating has increased dimensions for viewing the all-year calendar without scrooling so need to add that). Go to ~/.config/hype/hyperland.conf and add these at the end

# APU: adding this for cal -y render when clicking waybar time
windowrule = float on, match:tag kitty-float
windowrule = center on, match:tag kitty-float
windowrule = size 875 900, match:tag kitty-float
windowrule = tag +kitty-float, match:class (org.omarchy.kittyFloat)

4. Restart waybar

5. It should all work

Special thanks to the people making Omarchy incredible. It is such a joy to use.

Thanks

[apurbapokharel]

The icons I used inside the function wmo_to_icon() use nerd font, hence it is not being displayed here. I hope it works when someone copy pastes that.

This is what it should look like. I customized the icons in a way I can read it and it feels intuitive to me. Feel free to customize that to your liking.