.widget {
	.icon.back { background-image: url('#{$themePath}/icon/widget/back0.svg'); }
	.icon.collapse { background-image: url('#{$themePath}/icon/widget/collapse0.svg'); }
	.icon.options { background-image: url('#{$themePath}/icon/widget/options0.svg'); }
	.icon.plus { background-image: url('#{$themePath}/icon/widget/plus0.svg'); }

	.iconWrap:hover,
	.iconWrap.active {
		.icon.back { background-image: url('#{$themePath}/icon/widget/back1.svg'); }
		.icon.collapse { background-image: url('#{$themePath}/icon/widget/collapse1.svg'); }
		.icon.options { background-image: url('#{$themePath}/icon/widget/options1.svg'); }
		.icon.plus { background-image: url('#{$themePath}/icon/widget/plus1.svg'); }
	}

	.icon.remove .inner { background-image: url('#{$themePath}/icon/widget/remove.svg'); }

	.item {
		.buttons {
			.icon.more { background-image: url('#{$themePath}/icon/menu/action/more0.svg') !important; }
			.icon.more:hover { background-image: url('#{$themePath}/icon/menu/action/more1.svg') !important; }
		}
	}

	.counters {
		.icon.count.mention { background-image: url('#{$themePath}/icon/widget/mention.svg'); }
	}

	#button-show-all {
		.button:after { background-image: url('#{$themePath}/arrow/showAll.svg'); }
	}
}

.widget.widgetSpace {
	.body {
		.side.right {
			.cnt { background-color: var(--color-shape-secondary); color: var(--color-text-primary); }

			.icon.plus { background-image: url('#{$themePath}/icon/widget/button/create.svg'); border-color: var(--color-shape-secondary); }
			.icon.arrow { background-image: url('#{$themePath}/icon/widget/button/arrow.svg'); }
		}

		.buttons {
			.item {
				.side.right {
					.icon.more:hover, .icon.more.hover { background-image: url('#{$themePath}/icon/menu/action/more1.svg'); opacity: 1; }
				}
			}
		}
	}
}

.widget.widgetTree {
	.icon.set { background-image: url('#{$themePath}/icon/widget/set.svg'); }
	.icon.blank { background-image: url('#{$themePath}/icon/widget/blank.svg'); }
	.icon.arrow { background-image: url('~img/arrow/select/light.svg'); }
}

.widget.widgetView {
	#viewSelect {
		.select {
			.icon.arrow { background-image: url('#{$themePath}/arrow/widget.svg') !important; }
		}
	}

	.viewList, .viewGrid {
		.body {
			.item {
				.iconObject.isTask, .iconObject.isBookmark { background: none; }
			}
		}
	}

	.viewGallery {
		.arrowWrap { background-color: var(--color-control-accent); }
	}

	.viewBoard {
		.group {
			.clickable {
				.icon.arrow {  background-image: url('~img/arrow/select/light.svg'); }
				.icon.plus { background-image: url('#{$themePath}/icon/widget/plus0.svg'); }
				.icon.plus:hover { background-image: url('#{$themePath}/icon/widget/plus1.svg'); }
			}
		}
	}

	.viewCalendar {
		.dateSelect {
			.icon.arrow { background-image: url('#{$themePath}/arrow/dateSelect.svg'); }
		}
	}
}
