@import "~scss/_mixins";

/* PageAuth */
.pageAuth, .pageIndex {
	.buttons {
		.button.accent { color: var(--color-text-primary); }
	}
};

/* PageAuthSelect */
.pageIndexIndex, .pageAuthSelect {
	.bubbleWrapper {
		.bubble {
			.img { background-image: url('#{$themePath}/icon/bubble.svg'); }
		}
	}
}

/* PageAuthOnboard */
.pageAuthOnboard {
	.stagePhrase {
		.learnMore {
			.icon { background-image: url('#{$themePath}/icon/onboarding/plus0.svg'); }

			&:hover {
				.icon { background-image: url('#{$themePath}/icon/onboarding/plus1.svg'); }
			}
		}
	}
}

/* PageMainGraph */

.pageMainGraph {
    .wrapper {
        .side.right {
            .filter { background: none; }
        }
    }
}

/* PageMainNavigation */

.pageMainNavigation {
    .items {
        .item {
			.iconObject.isTask { background: none; }
        }
    }
}

/* PageMainHistory */

.pageMainHistory {
	#body {
		> #historySideRight {
			.section {
				.head {
					.icon.arrow { background-image: url('#{$themePath}/arrow/historyList.svg'); }
				}
			}

			.item {
				.child {
					.icon.arrow { background-image: url('#{$themePath}/arrow/select/dark.svg'); }
				}
			}
		}
	}
}

/* PageMainArchive */

.pageMainArchive,
.pageSettingsArchive {
	.wrapper {
		.titleWrapper {
			.icon.archive { background-image: url('#{$themePath}/icon/archive/logo.svg'); }
		}
	}
}

/* PageMainSettings */
.settingsPageContainer {
	.pageSettingsSpaceIndex, 
	.pageSettingsSpaceIndexEmpty {
		.spaceButtons {
			.btn {
				.icon.invite { background-image: url('#{$themePath}/icon/settings/invite.svg'); }
				.icon.qr { background-image: url('#{$themePath}/icon/settings/qr.svg'); }
				.icon.copyLink { background-image: url('#{$themePath}/icon/settings/copy.svg'); }
			}
		}

		.sections {
			.section {
				.sectionContent {
					> .item {
						.icon.type { background-image: url('#{$themePath}/icon/settings/type.svg'); }
						.icon.home { background-image: url('#{$themePath}/icon/settings/home.svg'); }
						.icon.push0 { background-image: url('#{$themePath}/icon/settings/pushOn.svg'); }
						.icon.push1,
						.icon.push2 { background-image: url('#{$themePath}/icon/settings/pushOff.svg'); }
						.icon.arrow.down { background-image: url('#{$themePath}/arrow/button/black.svg'); }
					}
				}
			}
		}
	}

	.pageSettingsSpaceIndex .sectionIntegrations .item:hover,
	.pageSettingsPinIndex .actionItems > .item.cp:hover { background-color: rgba(166, 166, 166, 0.04) !important; }

	.pageSettingsImportNotion {
		.btn {
			.icon.help { background-image: url('#{$themePath}/icon/popup/settings/help0.svg'); }
		}
		.btn:hover {
			.icon.help { background-image: url('#{$themePath}/icon/popup/settings/help1.svg'); }
		}
	}

	.pageSettingsImportNotion,
	.pageSettingsImportNotionHelp {
		.icon.logo { background-image: url('#{$themePath}/icon/import/notion.svg'); }
	}

	.pageSettingsPersonal {
		.colorScheme {
			.btn.light {
				.bg { background-color: #fff; }
			}

			.btn.dark {
				.bg { background: var(--color-bg-primary); box-shadow: 0px 0px 0px 1px var(--color-shape-primary); }
			}
			.btn.system {
				.bg::before, .bg::after {
					content: ''; position: absolute; top: 0px; width: 50%; height: 100%;
				}
				.bg::before { background: var(--color-control-bg); }
				.bg::after { background: var(--color-bg-primary); }
			}

			.btn.active {
				.bg { box-shadow: 0px 0px 0px 2px var(--color-system-accent-25); }
			}
			.btn.system.active {
				.bg::before { box-shadow: 0px 0px; }
			}
		}
	}

	.pageSettingsImportIndex,
	.pageSettingsExportIndex {
		.item:hover { border-color: var(--color-shape-primary); }
	}

	.pageSettingsMembership {
		.swiper {
			.slide,
			.tier { background: var(--color-shape-tertiary) !important; }
		}

		.swiper.featuresList {
			.slide.c0 {
				.illustration { background: url('#{$themePath}/icon/payment/slide0.svg'); }
			}
			.slide.c1 {
				.illustration { background: url('#{$themePath}/icon/payment/slide1.svg'); }
			}
			.slide.c2 {
				.illustration { background: url('#{$themePath}/icon/payment/slide2.svg'); }
			}
			.slide.c3 {
				.illustration { background: url('#{$themePath}/icon/payment/slide3.svg'); }
			}
		}

		.actionItems {
			.icon { background-image: url('#{$themePath}/icon/payment/hyperlink.svg'); }
		}
	}

	.pageSettingsDataIndex {
		.icon.drive { background-image: url('#{$themePath}/icon/settings/drive.svg'); }
		.icon.sites { background-image: url('#{$themePath}/icon/settings/sites.svg'); }
		.icon.location { background-image: url('#{$themePath}/icon/settings/location.svg'); }
	}

	.pageSettingsSpaceShare {
		.section.sectionInvite {
			.linkTypeWrapper {
				.icon.editor { background-image: url('#{$themePath}/icon/menu/inviteLink/editor.svg'); }
				.icon.viewer { background-image: url('#{$themePath}/icon/menu/inviteLink/viewer.svg'); }
				.icon.manual { background-image: url('#{$themePath}/icon/menu/inviteLink/manual.svg'); }
				.icon.none { background-image: url('#{$themePath}/icon/menu/inviteLink/none.svg'); }
			}
		}
	}
}
