@taiga-ui/core/styles/theme/appearance/flat.less

Core library for creating Angular components and applications using Taiga UI

@import '@taiga-ui/core/styles/taiga-ui-local.less';

[tuiAppearance][data-appearance='flat'],
[tuiAppearance][data-appearance='flat-destructive'],
[tuiAppearance][data-appearance='flat-grayscale'] {
    color: var(--tui-text-action);

    .appearance-hover({
        background: var(--tui-background-neutral-1-hover);
    });

    .appearance-active({
        background: var(--tui-background-neutral-1-pressed);
    });
}

[tuiAppearance][data-appearance='flat-destructive'] {
    color: var(--tui-text-negative);
}

[tuiAppearance][data-appearance='flat-grayscale'] {
    color: var(--tui-text-primary);
}