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

body[data-theme="dark"] .changelog-container {
    --cl-primary: #8ba9c9;
    --cl-primary-dark: #d8e2ec;
    --cl-bg: #10100f;
    --cl-surface: #151514;
    --cl-text: #edf0f3;
    --cl-muted: #b8bec8;
    --cl-border: #2a2a2a;
    --cl-shadow: none;
    color: var(--cl-text);
}

body[data-theme="dark"] .changelog-header,
body[data-theme="dark"] .changelog-item {
    background: var(--cl-surface);
    border-color: var(--cl-border);
    box-shadow: none;
}

body[data-theme="dark"] .changelog-item:hover {
    box-shadow: none;
    border-color: #343434;
}

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

body[data-theme="dark"] .changelog-breadcrumb a {
    color: #9cb9d7;
}

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

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

body[data-theme="dark"] .changelog-version {
    background: #1c2430;
    border-color: #2e4561;
    color: #dbe8f7;
}

body[data-theme="dark"] .changelog-date {
    background: #1a1a1a;
    border-color: var(--cl-border);
    color: var(--cl-muted);
}

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

body[data-theme="dark"] .changelog-category {
    background: #171717;
    border-color: #2f2f2f;
}

body[data-theme="dark"] .changelog-category li {
    color: #d1d7df;
}

body[data-theme="dark"] .changelog-category li:before {
    background: #7b8694;
}

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;
}