nextcloud-breeze-dark/css/server/_icons.scss

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3
 ***/

/* Apps that haven't moved to variables for icons ---------------------------- */

// News
.icon-rss {
	background-image: var(--icon-rss-000) !important;
}

.icon-unpinned {
	background-image: var(--icon-unpinned-000) !important;
}

.icon-pinned {
	background-image: var(--icon-pinned-000) !important;
}

.icon-full-text-disabled {
	background-image: var(--icon-nonfulltext-000) !important;
}

.icon-full-text-enabled {
	background-image: var(--icon-fulltext-000) !important;
}

// Circles
// Circle in files app navbar
.nav-icon-circlesfilter {
	background-image: var(--icon-circles-circles-000) !important;
}

// Override Calendar apps override of the default timezone icon
.icon-timezone {
	background-image: var(--icon-timezone-000) !important;
}

// Override Deck apps override of the deck icon
.icon-deck {
	background-image: var(--icon-deck-deck-000) !important;
}

// Override Deck apps override of the help icon
.icon-help {
	background-image: var(--icon-help-000);
}

// Share by email
.icon-social-email {
	background-image: var(--icon-mail-000) !important;
}

// Share by Diaspora
.icon-social-diaspora {
	background-image: var(--icon-federatedfilesharing-social-diaspora-000) !important;
}

// Share by Twitter
.icon-social-twitter {
	background-image: var(--icon-federatedfilesharing-social-twitter-000) !important;
}

// Share by Facebook
.icon-social-facebook {
	background-image: var(--icon-federatedfilesharing-social-facebook-000) !important;
}

/* CSS tricks to change icon color ------------------------------------------ */

.app-settings {

	// Navigation in settings
	#app-navigation li a img {
		filter: invert(95%) !important;
	}

	#apps-list .section .app-image .app-icon,
	#apps-list-search .section .app-image .app-icon,
	#app-sidebar #app-details-view image.app-icon {
		filter: invert(5%);
	}

	// Support submenu -> system information
	.system-information div img[src$="/apps/support/img/system-info.svg"] {
		filter: invert(95%);
	}

	.infoicon {
		filter: invert(95%);
	}
}

#settings #expanddiv li a img {
    filter: invert(95%);
}

// Icons in the global notifications dropdown
.notification-icon {
	filter: invert(95%);
}

// Client icons under Settings > Personal > Mobile & Desktop
.clientslinks img.appsmall {
	filter: invert(95%);
}

// Two Factor Icons in Personal Settings
img.two-factor-provider-settings-icon,
.icon-u2f-device {
	filter: invert(95%);
}

// Home breadcrumb icon in gallery app
.app-gallery .home img {
	filter: invert(95%);
}

// Gallery App: Sorting icons and share button
.app-gallery .button img.svg {
	filter: invert(95%);
}

// Activity App: Navigation sidebar
.app-activity #app-navigation ul li a img {
	filter: invert(95%);
}

// Activity App: Icons in activity feed
.app-activity .activity-icon,
.activity .activity-icon {

	img[src$="share.svg"],
	img[src$="change.svg"],
	img[src$="calendar.svg"],
	img[src$="comment.svg"] {
		filter: invert(95%);
	}
}

// Invert icon for version history in app sidebar
.downloadVersion img[src$="download.svg"],
.revertVersion img[src$="history.svg"] {
	filter: invert(95%);
}

// Change the app icons in the navigation menu to white
#navigation .app-icon {
	filter: none;
}

// // Music app: icons for Music player controls in files and in app
// #music-controls img.control,
// .app-music img.control {
// 	filter: invert(95%);
// }

// // Music app: follow-playback icon
// .app-music #app-sidebar #follow-playback {
// 	filter: invert(95%);
// }

// // Music app: Play button on album covers
// .app-music img.play.svg {
// 	filter: invert(95%);
// }

// // Music App: Mini play button
// .current.playing .play-pause,
// #app-view :hover > .play-pause {
// 	filter: invert(95%);
// }

// // Music app: Play option in file action menu in Files App
// .fileActionsMenu .action-music-play img.icon {
// 	filter: invert(95%);
// }

// // Deck app: deck icon in activity tab for individual card
// .activity-icon img[src$="/apps/deck/img/deck-dark.svg"] {
// 	filter: invert(95%);
// }

// // Deck app: Toggle compact and expand
// .icon-toggle-compact-expanded,
// .icon-toggle-compact-collapsed {
// 	filter: invert(95%);
// }

// // Deck app resource type
// .app-deck a.resource-type-deck img {
// 	filter: invert(95%);
// }

// // Image viewer
// .icon-white {
// 	filter: unset;

// 	&.icon-shadow {
// 		filter: unset;
// 	}
// }

// img.notification-icon {
// 	filter: invert(75%);
// }

// // Change home icon in gallery app to white
// #controls #breadcrumbs .crumb a img {
// 	filter: invert(95%);
// }

// .actions a.button.new img {
// 	filter: invert(75%);
// }

// // Make icon for impersonate in user menu white
// a.impersonate img.svg {
// 	filter: invert(95%);
// }

// // Force svgs to 16x16 in settings dropdown
// #settings #expanddiv ul li a img {
// 	width: 16px;
// 	height: 16px;
// }

// // Arrow in advanved ldap settings
// #ldapSettings .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
// 	filter: invert(95%);
// }

// // Talk: talk icon under projects tab
// .app-spreed .linked-icons img[src$="/apps/spreed/img/app-dark.svg"] {
// 	filter: invert(95%);
// }

// // disable double more menu, check closer to release of NC17 if this is necessary
// .icon-more::before {
// 	display: none;
// }

// // Remove shadow on icons
// .icon-shadow {
// 	filter: none !important;
// }

// // Circle: add user
// .icon-add-user {
// 	filter: invert(95%);
// }