Skip to content
Starlight Site Graph

General

This plugin mainly makes use of existing Starlight CSS variables to provide an easier out-of-the-box experience for Starlight users.

Since no !important’s were used in the making of this plugin, you can override all styling of the graph containers, etc. However, you will not be able to target the Graph elements themselves (i.e. nodes, links, labels), as these exist within a <Canvas> context.

An example (unrecommended) override of the CSS would look something like:

src/styles/global.css
:root[data-theme='light'] {
    --slsg-node-color: #00ff0a;
}


:root[data-theme='dark'] {
    --slsg-node-color: #ffea00;
}


.graph-container {
    border: 1px solid red;
}

Sections

CSS Variables Configure the CSS variables for the graph and backlinks components.
CSS Structure Learn about the CSS structure of the plugin.