REM-style bullet handles for Obsidian — dot with ghost ring on hover, accent fill on active line. Compatible with the Outliner plugin.

obsidian-rem-bullets.css

.cm-s-obsidian .list-bullet::after {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--text-muted);
    position: relative;
    z-index: 1;
    box-shadow: none;
    /* explicit reset */
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

/* Ghost ring — editor mode */
.cm-s-obsidian .HyperMD-list-line:hover .list-bullet::after {
    box-shadow: 0 0 0 5px rgba(128, 128, 128, 0.15);
}

/* Ghost ring — reading mode */
.markdown-preview-view ul li:hover>.list-bullet::after,
.markdown-reading-view ul li:hover>.list-bullet::after {
    box-shadow: 0 0 0 5px rgba(128, 128, 128, 0.15);
}

/* Active — Outliner selected */
.cm-s-obsidian .outliner-plugin-list-item--selected .list-bullet::after {
    background-color: var(--interactive-accent);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--interactive-accent) 25%, transparent);
}

/* Active via :active on click */
.cm-s-obsidian .HyperMD-list-line:active .list-bullet::after {
    background-color: var(--interactive-accent);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--interactive-accent) 25%, transparent);
}

/* Active via Outliner's cursor line class */
.cm-s-obsidian .HyperMD-list-line.cm-active .list-bullet::after {
    background-color: var(--interactive-accent);
    box-shadow: 0 0 0 5px color-mix(in srgb, var(--interactive-accent) 25%, transparent);
}