iCloud Dark Theme Material by dnice1006

/* ==UserStyle==
@name         iCloud Dark Theme Material
@namespace    USO Archive
@author       SayRusS
@description  Just good dark theme for iCloud.    Have a good use!    Created by SayRus © 2020. All rights reserved.  Made with love
@version      20200602.11.54
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://www.icloud.com") {
/* Main screen */

.greeting-label, .scalable-app-switcher-item-view>.title-label {
    color: #f0f0f0;
}

.legal-footer-content>span .copyright, .legal-footer-content>span a {
    color: #d0d0d0;
}

.springboard-view {
    background-color: #222;
}

.legal-footer {
    background-color: #222;
}







/* Photos */

.p2-sidebar-view, .p2-toolbar-scroll-view .p2-album-contents-selection-view .toolbar-items, .p2-toolbar-scroll-view .p2-toolbar-view .toolbar-items {
    background: #222;
}

.container-list .cw-list-item-view.cw-selected {
    background: #2f2f2f;
}

.container-list .cw-list-item-view .album-picker-item-view .label-wrap .label, .container-list .cw-list-item-view .outline-item-content-view .label-wrap .label {
    color: #f0f0f0;
}

.grid-header-view, .photos-grid-page.has-grid-header>.pgk-photos-grid-view, .pgk-photos-grid-view .cw-ui-collections-list-header-view.is-floating {
    background: #333;
}

.p2-sidebar-view {
    border-right: 1px solid #cccccc7d;
}

.p2-sidebar-view:after {
    display: none;
}

.p2-toolbar-scroll-view .p2-album-contents-selection-view, .p2-toolbar-scroll-view .p2-toolbar-view {
        border-bottom: 1px solid #cccccc7d;
}

.icon[data-icon] {
    filter: invert(100%);
}

.p2-toolbar-scroll-view .p2-album-contents-selection-view .upload-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .upload-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-album-contents-selection-view .new-album-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .new-album-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-album-contents-selection-view .share-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .share-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-album-contents-selection-view .download-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .download-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-album-contents-selection-view .trash-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .trash-button>.svg-container>svg, .cosk-user-view.cloud-os2[dir=ltr] .cosk-chevron-icon, [dir=ltr] .cosk-user-view.cloud-os2 .cosk-chevron-icon, .container-list[dir=ltr] .cw-list-item-view .cw-ui-collections-toggle-view, [dir=ltr] .container-list .cw-list-item-view .cw-ui-collections-toggle-view, .p2-toolbar-scroll-view .p2-album-contents-selection-view .sidebar-button, .p2-toolbar-scroll-view .p2-toolbar-view .sidebar-button, .p2-toolbar-scroll-view .p2-album-contents-selection-view .thumbstrip-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .thumbstrip-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-album-contents-selection-view .back-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .back-button>.svg-container>svg {
    filter: invert(100%);
}

.cosk-user-view.cloud-os2[dir=ltr] .cosk-user-display-name-wrapper .cosk-display-name, [dir=ltr] .cosk-user-view.cloud-os2 .cosk-user-display-name-wrapper .cosk-display-name {
    color: #ccc;
}

.cosk-app-name .cosk-app-switcher-trigger .icloud-button svg {
    fill: #eee;
}

.cosk-app-name[dir=ltr] .cosk-app-switcher-trigger .cosk-app-display-name, [dir=ltr] .cosk-app-name .cosk-app-switcher-trigger .cosk-app-display-name {
    color: #eee;
}

.drive-ui .navigate-back.cw-has-left-icon::before {
    filter: invert(100%);
}


[dir=ltr] .cosk-app-name.cloud-os2 .cosk-app-switcher-trigger .cosk-chevron-icon {
    filter: invert(100%)
}

.drive-ui .toolbar.toolbar-view.i-cloud-drive-web-app-toolbar-view .group.left .cosk-app-switcher-trigger .cosk-chevron-icon {
    fill: #ff8e14;
}

.drive-ui .toolbar.toolbar-view.i-cloud-drive-web-app-toolbar-view .group.left .cosk-app-switcher-trigger.cw-being-hovered .cosk-chevron-icon {
    fill: #ff8e14;
}
.drive-ui .cosk-user-view .cosk-user-display-name-wrapper, .drive-ui .cosk-user-view .cosk-user-display-name-wrapper.cw-being-hovered {
    color: #ff8e14;
    fill: #ff8e14;
}

.mouse-style .asset-count-view .asset-count-title, .mouse-style .asset-count-view .asset-count-subtitle, .grid-header-view[dir=ltr] .bottom-row .grid-description, [dir=ltr] .grid-header-view .bottom-row .grid-description, .p2-toolbar-scroll-view .p2-album-contents-selection-view .p2-toolbar-title-view.has-subtitle .subtitle, .p2-toolbar-scroll-view .p2-toolbar-view .p2-toolbar-title-view.has-subtitle .subtitle {
    color: #d0d0d0;
}

.mouse-style .moments-grid-header-view .moment-details .title, .grid-header-view .top-row .grid-title, .p2-toolbar-scroll-view .p2-album-contents-selection-view .p2-toolbar-title-view .title, .p2-toolbar-scroll-view .p2-toolbar-view .p2-toolbar-title-view .title {
    color: #f0f0f0;
}

.p2-toolbar-scroll-view .p2-album-contents-selection-view .cw-segmented-control .cw-button, .p2-toolbar-scroll-view .p2-toolbar-view .cw-segmented-control .cw-button {
    background-color: #222;
}

.p2-toolbar-scroll-view .p2-album-contents-selection-view .cw-segmented-control .cw-button, .p2-toolbar-scroll-view .p2-toolbar-view .cw-segmented-control .cw-button:hover {
    background-color: #2f2f2f;
}

.p2-thumbnails-strip-view {
    background-color: #222;
    border-top: 1px solid #cccccc7d;
}


.p2-derivative-container {
    background-color: #202020!important;
}

.p2-media-presenter-view {
    background-color: #333!important;
}

.mouse-style .moments-grid-header-view .moment-details .sub-desc .date, .mouse-style .moments-grid-header-view .moment-details .sub-desc .subtitle, .p2-base-flow-grid-item-view>.p2-text-container {
    color: #f0f0f0;
}

.p2-base-flow-grid-item-view>.p2-text-container.p2-container-subtitle {
       color: #f0f0f0;
}

.cloudos-loading-screen .spinner-wrapper {
    filter: invert(100%);
}

.p2-toolbar-scroll-view .p2-album-contents-selection-view .favorite-button>.svg-container>svg, .p2-toolbar-scroll-view .p2-toolbar-view .favorite-button>.svg-container>svg {
    filter: invert(100);
}

/*pop-up*/

.popover-view .cw-popover-arrow.cw-up-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAOCAYAAADT0Rc6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA2LTAxVDE3OjQ4OjA0KzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNi0wMVQxNzo0OTowOSswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNi0wMVQxNzo0OTowOSswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNjgxMGY4Ny1iMmI2LThiNGEtYTJkNS1hNTkzMjMzMWE0MmUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzY4MTBmODctYjJiNi04YjRhLWEyZDUtYTU5MzIzMzFhNDJlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MzY4MTBmODctYjJiNi04YjRhLWEyZDUtYTU5MzIzMzFhNDJlIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjgxMGY4Ny1iMmI2LThiNGEtYTJkNS1hNTkzMjMzMWE0MmUiIHN0RXZ0OndoZW49IjIwMjAtMDYtMDFUMTc6NDg6MDQrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/YpIVAAABhklEQVQ4EWNgIA9wA7EIEPMAMSMDHQD/gwcPas6cOXPp8ePHjSA+EDPR3MK6urr/xsbG/6dOnfr/yZMnbVCLaWPh9evXcwoLC8EWwnBkZOT/ixcv5tHCYr5jx46FTpo06Q/IIhMTk//IdFJS0j+QPEgdtSzkWbdundPy5ct/IPsQHUdERPwFqYMmLooAd09Pj/HGjRvfwww3NzfHaXFbW9sXYGiYUWIxJzDY1A8dOvQQFoympqb/8fkWhGfPnv22vLxcF6ifi1QL2QwNDeUvXLhwFmYYyGKY5YTwkiVLHnh6eioDzWEn1kJWTk5O6bNnz+5E9hkhXyI7ChQFR44cOSYlJSULMo+QhaBMzv/u3buFZmZmOA3HJm5hYYEiB7IYZA6hwgNs4dOnTztKS0uJCkZcPkV2yNWrV/uhFjOjW8gBisNXr15NTU1NJdp36BhbFLi4uPy/ffv2QiCtBLIHbBswb6kBi7LmtWvXvgYpINWHhKIAxLazs/u/fv36d0B7Wjdv3qwBANH9Ysj7mHJjAAAAAElFTkSuQmCC);
}
.popover-view[dir=ltr] .cw-popover-arrow.cw-up-arrow, .popover-view[dir=rtl] .cw-popover-arrow.cw-up-arrow, [dir=ltr] .popover-view .cw-popover-arrow.cw-up-arrow, [dir=rtl] .popover-view .cw-popover-arrow.cw-up-arrow {
    width: 29px;
    height: 14px;
    top: 0px;
}

.base-modal-arrow-popover-view .cw-popover-view>.cw-popover-arrow.cw-up-arrow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAJCAYAAADQHRcxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFHGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZU...