A sleek dark theme for OneDrive, without inverting any images
Dark OneDrive by bcrussin
Details
Authorbcrussin
LicenseNo License
Categoryonedrive.live.com
Created
Updated
Size2.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
WORK IN PROGRESS - Many areas may be displayed incorrectly or may not be dark yet
Source code
/* ==UserStyle==
@name OneDrive Darkish
@version 20230628.05.50
@namespace ?
==/UserStyle== */
@-moz-document domain("onedrive.live.com"), domain("photos.onedrive.com") {
/* Common Styles */
body {
background-color: #202020 !important;
color: #dcddde !important;
}
/* Make text white */
h1, h2, h3, h4, h5, h6,
.ms-ScrollablePane * {
color: #dcddde !important;
}
}
@-moz-document domain("onedrive.live.com") {
/* OneDrive */
/* Navbar */
#O365_NavHeader div,
.legacySearchWrapper_1456a2e0 div,
/* Left Bar*/
.topBar_1456a2e0 div,
/* Main View */
.core_1456a2e0,
.ms-Tile,
.ms-Callout div,
/* Files list */
.ms-DetailsList div,
.od-Panel,
.od-ShareMain-Header,
/* Most Dialogs */
.ms-Dialog-main div,
.bolt-dialog-root,
.od-BasePage-belowHeader *,
#flexPaneScrollRegion,
/* Info Pane */
.od-DetailsPane-PrimaryPane-header,
.od-DetailsPane-PrimaryPane-body div,
.od-DetailsPane-PrimaryPane-wrapper,
.od-DetailsPane-SecondaryPane-wrapper,
.od-DetailsPane-SecondaryPane-wrapper div,
span:not(
.ms-FolderCover-metadata,
.ms-FolderCover-signal
),
.od-QuotaBannerWrapper div,
/* Buttons */
button,
.bolt-button {
background-color: #202020 !important;
color: #dcddde !important;
}
/* Search Bar */
.ms-suiteux-search-box input,
.ms-suiteux-search-box input::placeholder {
border-radius: 8px !important;
padding-left: 12px !important;
color: #dcddde !important;
background-color: #313039 !important;
}
}
@-moz-document domain("photos.onedrive.com") {
/* OneDrive Photos */
.photo-view-header,
/* Left Bar */
.photo-navigation,
/* Main View */
.all-photos-view,
.standard-view,
/* Most panels */
.bolt-panel-root,
/* Buttons */
button,
.bolt-button
{
background-color: #202020 !important;
color: #dcddde !important;
}
/* Search Bar */
.search-form ,
.search-form input::placeholder {
border-radius: 8px !important;
padding-left: 12px !important;
color: #dcddde !important;
background-color: #313039 !important;
}
}