Source: tree-view.css

Use the cssclass tree-view to turn lists into tree views in preview (reading) view.

Hovering a leaf (an item without a sublist) will highlight the corresponding lines as well as the item itself.

---
cssclasses:
  - tree-view
---

- Solar bodies
    - Solar System
        - Terrestrial planet
        - Giant planet
            - Gas giant
            - Ice giant
        - Heliosphere
        - Oort cloud
            - Hills Cloud
        - Meteoroid
            - Micrometeoroid
        - Meteor
            - Bolide
        - Moons
            - Moonlets
            - Subsatellites (hypothet.)
        - Minor planets (see below)
            - Asteroids
            - Dwarf planets
            - Moons
            - Binaries
            - Synestia (hypothet.)
        - Planets (see below)
            - Ring system
        - Trans-Neptunian objects
        - Small Solar System body
            - Comets
            - Planetesimal
            - Contact binary
        - Sun
    - Planets
        - Mercury
        - Venus
        - Earth - Moon
        - Mars - moons
        - Jupiter - moons
        - Saturn - moons
        - Uranus - moons
        - Neptune - moons

CSS Variables

Variable	Description	Default value
--tree-view-guide-color	Color of the connectors	var(--background-secondary)