@mixin dialog-dark {

	.dialog{
		background-color: $md-dark-surface;

		& .title{
			color: $md-dark-text-primary;
		}

		& .des{
			color: $md-dark-text-primary;
		}

		& .primary {
			background-color: $md-dark-primary;
			@include interaction-dark-primary;
		}

		& .button-plain {
			color: $md-dark-text-primary;
			background-color: $md-dark-hover;
			@include interaction-dark-surface;
		}

		& .textfield {
			& .elem {
				background-color: $md-dark-surface;
				color: $md-dark-text-primary;
				caret-color: $md-dark-text-primary;
				&::placeholder {
					color: $md-dark-text-primary;
				}
			}
			& .trailing {
				& svg {
					fill: $md-dark-text-primary;
				}
			}
			& .helper {
				color: $md-dark-text-primary;
			}
		}
	}

}