.theme-toggle {
    cursor: pointer;
    border: none;
    padding: 3px 10px;
    border-radius: 7px;
    vertical-align: middle;
    background-color: #212529;
}

.theme-toggle svg {
    vertical-align: middle;
    display: none;
}

svg.base-svgs symbol, .theme-toggle svg {
    height: 23px;
    width: 23px;
}

.theme-toggle svg.theme-icon-when-dark,
.theme-toggle svg.theme-icon-when-light {
    fill: var(--primary-fg);
    color: #212529;
}

body[data-theme="dark"] .theme-toggle svg.theme-icon-when-dark {
    display: block;
}

body[data-theme="light"] .theme-toggle svg.theme-icon-when-light {
    display: block;
}