Microsoft Todo Dark 2022 by mabouhha

/* ==UserStyle==
@name           Microsoft Todo Dark
@namespace      USO Archive
@author         zolomohan, updated mabouhha by 11.2022
@description    `Dark Theme for Microsoft To-Do Web`
@version        20221127.23.18
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("to-do.live.com") {
.ms-Panel-main,
/* Modals */
.ms-Dialog-main {
    box-shadow: none;
}


body {
    background-color: #121212; 
}

.ms-Panel-main {
    border-left: 1px solid #dadada;
}

.button.plain:hover {
    background: none;
}

.addGroup-icon:hover {
    border: none;
}

.lineCursor.lineCursorTop:before,
.lineCursor.lineCursorBottom:before,
.details .section-item.detailNote.edit {
    border-color: #cb9010 !important;
}

/* Input Colors */
#baseAddInput-addTask,
#baseAddInput-addStep,
#baseAddInput-addList {
    color: #b9b9b9;
}

/* Appbar Buttons */
#owaToDoButton div span,
#owaSettingsButton div span,
.whatsNewCharm.o365sx-button i,
/* List Item Text */
.listItem-container.active div div .listItem-title .listItem-titleParsed span {
    color: #000 !important;
}

/* Emoji */
.emoji.medium,
.listItem-container.active .emoji.medium,
/* Task */
.taskItem.selected .taskItem-body,
/* Steps in Task Details */
.step.selected,
/* User Avatar Toolbar Right Corner */
#O365_MainLink_Me:not(.o365sx-activeButton),
#owaToDoButton:not(.o365sx-activeButton),
#owaSettingsButton:not(.o365sx-activeButton),
.whatsNewCharm.o365sx-button:not(.o365sx-activeButton) {
    background-color: transparent !important;
}

/* App ------------------------------------ */
#app,
/* Office 365 Apps */
#appLauncher,
/* My Account */
#O365fpcontainerid,
/* Search in Appbar */
#toDoSearchBox_container,
/* User Avatar Appbar Right Corner */
/* #O365_HeaderRightRegion, */
/* Help Button Appbar */
#owaToDoButton,
/* Setting Button Appbar */
#owaSettingsButton,
/* Announcement Toolbar Button */
.whatsNewCharm.o365sx-button,
/* Suggestion Sidebar */
.ms-Panel-main,
/* Modals */
.ms-Dialog-main.modal,
/* Context Menus */
.ms-ContextualMenu-Callout,
/* Sort Menu */
.popover.bottom {
    filter: invert(0.93);
}


/* App Launcher --------------------------- */
/* Links */
.OnUCasaPYqgO7yhEzsyuC,
.qXtKVA0JDCaTuFL6XJNLA,
.AEPGHdAvYHd9zEd_3gO6s:hover ._25rvrJdB6X_ovt33L8OiwD._3klUQuUGmmujRe-cBHlOcX,
/* Icons */
.ms-svg-Icon,

/* Appbar --------------------------------- */
/* User Avatar */
._1fH43YlMAnPCr8RI9qH98P,
/* Search Bar */
.searchToolbar-icon.search,
.searchToolbar-inputWrapper i,

/* Sidebar -------------------------------- */
/* Hamburger */
.menu i,
/* List Icon */
.listItem-icon i,
/* List Item Count */
.listItem-count,
/* Add Group at the Bottom */
.addGroup-icon i,
/* New List */
#baseAddInput-addList,

/* Todo Section --------------------------- */
/* Actions above List */
.toolbarButton-inner,
/* Title of the List */
.listTitle,
/* Task List Title Edit Input */
.tasksToolbar-titleItem input,
/* Task Checkbox */
.checkBox,
/* Task Info */
.taskItemInfo-date,
.taskItemInfo-myDay,
/* Task Imporatant Star */
.importanceButton,
/* Add Icon in List Add & Task Add */
.baseAdd-icon,
/* Task Input */
#baseAddInput-addTask,

/* Task Details ---------------------------- */
/* Step Add Button */
/* .baseAdd-button, */
/* Details Tiles */
.section-item.isSet button,
/* Add Step */
#baseAddInput-addStep,
/* File Thumbnail */
.link.section-item.file-item div.thumbnail-wrapper,

/* Announcements --------------------------- */
/* Mac Todo Image */
.macAppUpsellCard img,
/* Button & Social Media Icons */
.macAppUpsellCard-text a,
/* Notification Counter Badge */
.whatsNewCharm-counter,

/* Today Suggestion ------------------------ */
.addSuggestionButton,
.moreEntriesButton span,
.sidePanel-header .backButton i,

/* Help ------------------------------------ */
/* Links in Settings & Help */
.settingsSection-body a,
/* Sync Now Button */
.sync-wrapper button,

/* Settings -------------------------------- */
/* Wunderlist Icon */
.icon.svgIcon.wunderlist-24.wunderlist-24-red,
/* Import Button */
.button.blue.importer-button,
/* Toggle Switch */
.ms-Toggle.is-checked div button,
/* Todo Logo */
.settingsAboutSection-logo,
.button.plain,

/* My Account ------------------------------ */
/* Links */
#meControlLinks,

/* Misc ------------------------------------ */
/* Emojis */
.emoji.small,
.emoji.medium,
/* Drag Preview */
.dragPreview,
/* Calender Menu Save Button */
.custom-actions button,
/* List Theme Picker Color*/
.themePicker-color,
/* Modal */
.modal-footer .button-group .button.red,
/* Share Invitaion Modal Button */
.button.loadingButton.createShareLink,
.ms-Icon.ms-Icon--Delete,
.ms-Icon.ms-Icon--Delete + span {
    filter: invert(1);
}
}

@-moz-document domain("to-do.microsoft.com") {
/* Sign In Page */

body,
div.content,
header{
    background-color: #121212;
}

div#headerArea,
h1#headline,
p.otherApps,
p.description,
footer#uhf-footer{
    filter: invert(0.93);
}

/* Microsoft Icon */
img.c-image{
    filter: invert(1);
}

body::-webkit-scrollbar {
  width: 1em;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #0078d4;
}
}