html[data-theme="dark"] body {
    background-color: #121212;
    color: #eaeaea;
}

html[data-theme="dark"] .logo {
    color: #eaeaea;
}

html[data-theme="dark"] .pc-menu h3 {
    color: #eaeaea;
}

html[data-theme="dark"] .blog-thumb {
    background-color: #cfbd1c;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3 {
    color: #ffffff;
}

html[data-theme="dark"] a {
    color: #ffffff;
}

html[data-theme="dark"] #setting-modal {
    background-color: #1e1e1e;
}

.html[data-theme="dark"] .pc-menu {
    background-color: rgb(247, 222, 65);
}

html[data-theme="dark"] .pc-menu a h3 {
    color: black;
}

html[data-theme="dark"] #setting-btn {
    background-color: white;
}