行番号を表示するUserCSS

code:style.css

@layer my-custom-css-layer {

@layer editor-lines-number-counter-layer {

.editor .lines { counter-reset: line }

/* タイトルから数えるときは :not(.line-title) を消してね */

.editor .line:not(.line-title) { counter-increment: line }

/* タイトルから数えるときは :not(.line-title) を消してね */

.app:not(.presentation) .editor .line:not(.line-title)::before {

content: counter(line);

position: absolute;

left: -90px;

color: grey;

}

}

@layer editor-lines-number-text-decoration-layer {

/* カーソル行の行番号を濃く表示する */

.editor .line.cursor-line:not(.line-title)::before {

font-weight: bolder;

color: red;

}

}

}