body[data-theme="dark"] {
    background: var(--dark-bg);
    color: var(--dark-text);
}

body[data-theme="dark"] .changelog-container {
    --cl-text: #e6e9ed;
    --cl-muted: #9aa3ae;
    --cl-rule: #e6e9ed;
    --cl-line: #2a2d31;
    color: var(--cl-text);
}

/* theme.dark.css 의 `body[data-theme="dark"] *` 테두리 색 규칙을 이긴다. */
body[data-theme="dark"] .changelog-header {
    border-bottom-color: var(--cl-rule);
}

body[data-theme="dark"] .changelog-item {
    border-bottom-color: var(--cl-line);
}

body[data-theme="dark"] .changelog-more {
    color: var(--cl-muted);
}

body[data-theme="dark"] .changelog-more:hover {
    color: var(--cl-text);
}

body[data-theme="dark"] .changelog-type-added {
    color: #78c79a;
}

body[data-theme="dark"] .changelog-type-changed {
    color: #d6b26a;
}

body[data-theme="dark"] .changelog-type-fixed {
    color: #7fb5dc;
}