:root.t-light {
    --ui-page-color-bg: #dfe4ec !important;
    --ui-page-color-bg-focused: #edf0f6 !important;
    --ui-page-color-border-subtle: #d7dde8 !important;
    --ui-altsurface-color-bg: #eaebec2b !important;
    --ui-sidebar-color-bg-selected: #eaebec2b !important;
}


.v-Page--sidebar {
    background-color: var(--theme-color-header) !important;
    --ui-sidebar-color-fg: #e8ebf1
}

.app-source.is-selected {
    color: #dfe4ec;
}

.v-MailboxSource-badge {
    color: #ffe7b2;
    font-weight: 400;
    font-weight: 400;
    background: #00000042;
    padding: 2px 10px;
    border-radius: 11px;
}

.app-source>.v-Icon {
    fill: var(--ui-pageheader-color-bg) !important
}

.v-MessageCard {
    // background: #fff !important;
    --ui-page-color-bg: #fff !important
}
.app-contentCard-toolbar,
.v-MessageCard-header .v-MessageCard-contents,
.v-MessageCard-header .v-MessageCard-time{
    --ui-page-color-bg: #e8ecf2 !important;
}

ul.v-Sources-list {
    margin-top: 50px;
}

.v-SearchSource:has([title="date:today"]) {
    top: -40px !important;
}
.v-SearchSource:has([title="date:today"]) a {
    // background: #ecb450;
    // color: #3c4457;
    // font-weight: bold;
    font-weight: bold;
    padding-left: 15px;
    font-size: 17px;
}
.v-SearchSource:has([title="date:today"]) a.is-selected {
    background: var(--ui-sidebar-color-bg-selected);
    color: #ffe7b2;

}


.v-SearchSource:has([title="date:today"]) a svg {
    display: none;
}


.app-source {
    background: #ffffff0a;
    height: 28px;
}

.v-MailboxSource-expando {
    filter: brightness(2.5);
}