settings/theme/common/telomeres

code:style.css

@container style(--overwrite-native-themes: y) {

変数

code:style.css

html,

body,

body *:has(.app) {

--c-telomere: hsl(from var(--c-light-4) h s l / 75%);

--c-telomere-unread: var(--c-purple-2);

--c-telomere-updated-after-load: var(--c-green-2);

--c-telomere-updated-after-load-unread: var(--c-red-2);

--c-telomere-will-delete-next: var(--c-red-5);

}

Telomere

code:style.css

.line .telomere {

& .telomere-border {

border-color: var(--c-telomere);

&.unread:not(.updated-after-load) { border-color: var(--c-telomere-unread); }

&.updated-after-load {

border-color: var(--c-telomere-updated-after-load);

&.unread { border-color: var(--c-telomere-updated-after-load-unread); }

}

&.will-delete-next {

border-color: var(--c-telomere-will-delete-next);

}

}

}

code:.css

}