@use '../../scss/theming' as *;

@mixin daff-tree-theme($theme) {
	$primary: daff-get-palette($theme, primary);
	$base: daff-get-base-color($theme, base);
	$base-contrast: daff-get-base-color($theme, base-contrast);
	$neutral: daff-get-palette($theme, neutral);
	$mode: daff-get-theme-mode($theme);

	// stylelint-disable selector-class-pattern
	.daff-tree-item {
		$root: &;

		@include light($mode) {
			background-color: $base;
			color: daff-color($neutral, 90);

			@media (hover: hover) {
				&:hover {
					background-color: daff-color($neutral, 20);
				}
			}

			&::after {
				border-color: $base;
			}

			&.selected {
				background-color: daff-color($neutral, 20);
				color: $base-contrast;

				&::before {
					background-color: daff-color($primary);
				}
			}
		}

		@include dark($mode) {
			background-color: $base;
			color: daff-color($neutral, 20);

			@media (hover: hover) {
				&:hover {
					background-color: daff-color($neutral, 90);
				}
			}

			&::after {
				border-color: $base;
			}

			&.selected {
				background-color: daff-color($neutral, 90);
				color: $base-contrast;

				&::before {
					background-color: daff-color($primary);
				}
			}
		}
	}
}