@use 'sass:map';

@use "@angular/material" as mat;
@use '../global/index' as global;
@use '../themes/index' as themes;

@mixin override-color($theme) {
	.transparent .mdc-tab.mdc-tab--active {
		background-color: transparent;
	}

	.mdc-tab.mdc-tab--active {
		background-color: if(map.get($theme, theme) == 'dark', themes.dark-color-overlay(6), themes.light-color-overlay(6));
	}
}

@mixin override-theme($theme) {
	$color-config: mat.get-color-config($theme);
	@if $color-config != null {
		@include override-color($theme);
	}
}