.widget {
	.icon.back { background-image: url('#{$themePath}/icon/widget/back.svg'); }
	.icon.collapse { background-image: url('#{$themePath}/icon/widget/collapse.svg'); }
	.icon.options { background-image: url('#{$themePath}/icon/widget/options.svg'); }
	.icon.plus { background-image: url('#{$themePath}/icon/widget/plus0.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; }
		}
	}
}

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

		.buttons {
			.item {
				.icon.member { background-image: url('#{$themePath}/icon/widget/button/member.svg'); }
				.icon.all { background-image: url('#{$themePath}/icon/widget/button/all.svg'); }
				.icon.chat { background-image: url('#{$themePath}/icon/widget/button/chat.svg'); }

				.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'); }
		}
	}
}

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