indentcolors

code:style.css

.indent-mark .char-index{

--ir-opacity: 0.06;

--ir-red: rgba(255, 111, 175, var(--ir-opacity));

--ir-orange: rgba(255, 165, 0, var(--ir-opacity));

--ir-yellow: rgba(255, 255, 0, var(--ir-opacity));

--ir-green: rgba( 17, 177, 17, var(--ir-opacity));

--ir-blue: rgba(114, 190, 255, var(--ir-opacity));

--ir-violet: rgba(238, 130, 238, var(--ir-opacity));

--ir-purple: rgba(177, 62, 177, var(--ir-opacity));

}

.indent-mark .char-index:nth-child(7n+1) { background-color: var(--ir-red) }

.indent-mark .char-index:nth-child(7n+2) { background-color: var(--ir-orange) }

.indent-mark .char-index:nth-child(7n+3) { background-color: var(--ir-yellow) }

.indent-mark .char-index:nth-child(7n+4) { background-color: var(--ir-green) }

.indent-mark .char-index:nth-child(7n+5) { background-color: var(--ir-blue) }

.indent-mark .char-index:nth-child(7n+6) { background-color: var(--ir-violet) }

.indent-mark .char-index:nth-child(7n) { background-color: var(--ir-purple) }

.indent-mark .char-index:nth-last-child(1) { background-color: transparent; }

インポート構文

code:style.css

@import "/api/code/shio/indentcolors/style.css";

https://gyazo.com/9ff974159b09a8d2e2ffce6a17e7f1bc