.dark-mode {
    color: #ffffff;
    background-color: #313131;
}

.light-mode {
    color: #000000;
    background-color: #d9bda5;
}

.dark-mode .menuBar {
    background-color: #313131;
}

.light-mode .menuBar {
    background-color: #d9bda5;
}

.dark-mode .background {
    background-color: #393939;
}

.light-mode .background {
    background-color: #f3dfc1;
}

.dark-mode .themePicker {
    fill: #ffffff;
}

.light-mode .themePicker {
    fill: #000000;
}

.dark-mode .menuButton {
    fill: #ffffff;
}

.light-mode .menuButton {
    fill: #000000;
}

.dark-mode .profileButton {
    fill: #ffffff;
}

.light-mode .profileButton {
    fill: #000000;
}

.dark-mode .list {
    background-color: #393939;
    fill: #ffffff;
}

.light-mode .list {
    background-color: #f3dfc1;
    fill: #000000;
}