mirror of
https://github.com/material-components/material-web.git
synced 2024-09-11 13:46:10 +03:00
chore(tabs): fix color contrast for custom tabs demo
PiperOrigin-RevId: 601833325
This commit is contained in:
parent
04b7e9b120
commit
6ecda49749
@ -189,27 +189,18 @@ const custom: MaterialStoryInit<StoryKnobs> = {
|
|||||||
styles,
|
styles,
|
||||||
css`
|
css`
|
||||||
.custom {
|
.custom {
|
||||||
|
/* colors */
|
||||||
|
--md-sys-color-primary: var(--md-sys-color-tertiary);
|
||||||
/* text */
|
/* text */
|
||||||
--md-primary-tab-label-text-font: cursive, system-ui;
|
--md-primary-tab-label-text-font: cursive, system-ui;
|
||||||
--md-primary-tab-label-text-size: 0.8em;
|
--md-primary-tab-label-text-size: 0.8em;
|
||||||
/* indicator */
|
/* indicator */
|
||||||
--md-primary-tab-active-indicator-color: firebrick;
|
|
||||||
--md-primary-tab-active-indicator-height: 8px;
|
--md-primary-tab-active-indicator-height: 8px;
|
||||||
--md-primary-tab-active-indicator-shape: 9999px 0;
|
--md-primary-tab-active-indicator-shape: 9999px 0;
|
||||||
/* active/selected tab */
|
|
||||||
--active-color: darkorange;
|
|
||||||
--md-primary-tab-active-icon-color: var(--active-color);
|
|
||||||
--md-primary-tab-active-label-text-color: var(--active-color);
|
|
||||||
--md-primary-tab-active-focus-icon-color: var(--active-color);
|
|
||||||
--md-primary-tab-active-focus-label-text-color: var(--active-color);
|
|
||||||
--md-primary-tab-active-hover-icon-color: var(--active-color);
|
|
||||||
--md-primary-tab-active-hover-label-text-color: var(--active-color);
|
|
||||||
--md-primary-tab-active-pressed-icon-color: var(--active-color);
|
|
||||||
--md-primary-tab-active-pressed-label-text-color: var(--active-color);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom::part(divider) {
|
.custom::part(divider) {
|
||||||
--md-divider-color: var(--active-color);
|
--md-divider-color: var(--md-sys-color-tertiary);
|
||||||
--md-divider-thickness: 4px;
|
--md-divider-thickness: 4px;
|
||||||
}
|
}
|
||||||
`,
|
`,
|
||||||
|
Loading…
Reference in New Issue
Block a user