@infinite-table/infinite-react
Version:
Infinite Table for React
144 lines (143 loc) • 10.1 kB
CSS
/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Z64rqMBDHv/sUATmgYGS9ravny3mVNJlqMG1KEi9w8N0PqYvba3pl3QOlINLM/GeSTCY/6JyHPg+5AWyOEAAOSQAYe0RoEuyVlGaG5g4T9HeEEMZPiyMQBgpTEAJ7Utn/ih+OZo8uRE0ShgmL6e8qjSbePhcGFAbGjVTYI/R0UPIcspyGklcsGUuYlCUihSxIwb4t8XBETU7uKC8p46xabNQgui+IPvLw4IpPKIXQVPifI5eEPlMKWldoMHkNXSqglFTFGgGE57J5P5ek0MkRr3yZY09uIMCMa+IJYCmdOBoO+G3CQ6TVwZtlpTOhpzN0PXIDaPn2qzwWoYZfoKpAq0rkSy9SoHXj1FNnLT+DdW4CQhKGA6JP2MDNtFvwL42mm2yXpFVI+zayZWmkFB5xHtFyla/+t0eP/ldoEEgGeyRs3yvIX4MAaqp3yigS6ogoCE1u21Kn+FFnmUhJ8XgviwpHQ0QUMfLZ48Yeoyu6zfahx6AnCD0VtajPRm9ktEeL6Ia0FJwhdfDIZPGxm6HFbmN/djM033w4u30i6bG/8bd+NhVX++yh3pe5es/fEjY16jM/u6JFx3WPxkD9N3/hqoM28ygppPRE7qPs1W0rE+O4MhsMJS9811geFRKiToxwevYnmiIXh2x7T1euAyoNqDSg0oBKAyoNqDSg0v+BSoyoU/2RrqBkNftHmlh1gI8BPgb4GOBjgI8sfNj2+CPYY7xkq/XqvR59bKh9iunD8sDG39Tnj/Ku7WyfeRBZUPv8SBBZvi/psiaIrNh6u969BERKtyy78ffRnwAYJ2gSKfBBffZ5rKmt7UdZT+Nr34UMdT/x9AMPXfGhV4BogxB9Q0RzjOgOEv2gRD8w0RInugDF9yJF/1DxAqzoByy6oEUHuOgLL2oARiVifCdk1MGMZqBRgRq9wkZT3HgBcDRBjmbQ8RLsqA0eCN1H93+L0u1MNyIAAA== */
@layer infinite-table {
.infinite-theme-name--balsam:root,
.infinite-theme-name--balsam {
--infinite-header-cell-border-right: var(--infinite-cell-border);
--infinite-header-cell-border: var(--infinite-cell-border);
--infinite-filter-editor-background: var(--infinite-row-odd-background);
--infinite-header-color: var(--infinite-color);
--infinite-header-background: var(--infinite-header-cell-hover-background);
--infinite-cell-color: var(--infinite-color);
--infinite-flashing-background: var(--infinite-accent-color);
--infinite-flashing-up-background: var(--infinite-success-color);
--infinite-flashing-down-background: var(--infinite-error-color);
--infinite-menu-color: var(--infinite-cell-color);
--infinite-menu-background: var(--infinite-background);
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
--infinite-menu-item-active-background: var(--infinite-row-hover-background);
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
--infinite-load-mask-text-background: var(--infinite-background);
--infinite-load-mask-color: var(--infinite-cell-color);
--infinite-row-background: var(--infinite-background);
--infinite-grouping-toolbar-background: var(--infinite-background);
--infinite-theme-name: balsam;
--infinite-theme-mode: light;
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
--infinite-background: white;
--infinite-menu-separator-color: #bdc3c7;
--infinite-color: black;
--infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
--infinite-header-cell-background: #f5f7f7;
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
--infinite-row-odd-background: #fcfdfe;
--infinite-row-hover-background: #ecf0f1;
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
}
.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
.infinite-theme-mode--light .infinite-theme-name--balsam,
.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
.infinite-theme-name--balsam .infinite-theme-mode--light,
.infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
--infinite-header-cell-border-right: var(--infinite-cell-border);
--infinite-header-cell-border: var(--infinite-cell-border);
--infinite-filter-editor-background: var(--infinite-row-odd-background);
--infinite-header-color: var(--infinite-color);
--infinite-header-background: var(--infinite-header-cell-hover-background);
--infinite-cell-color: var(--infinite-color);
--infinite-flashing-background: var(--infinite-accent-color);
--infinite-flashing-up-background: var(--infinite-success-color);
--infinite-flashing-down-background: var(--infinite-error-color);
--infinite-menu-color: var(--infinite-cell-color);
--infinite-menu-background: var(--infinite-background);
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
--infinite-menu-item-active-background: var(--infinite-row-hover-background);
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
--infinite-load-mask-text-background: var(--infinite-background);
--infinite-load-mask-color: var(--infinite-cell-color);
--infinite-row-background: var(--infinite-background);
--infinite-grouping-toolbar-background: var(--infinite-background);
--infinite-theme-name: balsam;
--infinite-theme-mode: light;
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
--infinite-background: white;
--infinite-menu-separator-color: #bdc3c7;
--infinite-color: black;
--infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
--infinite-header-cell-background: #f5f7f7;
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
--infinite-row-odd-background: #fcfdfe;
--infinite-row-hover-background: #ecf0f1;
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
}
.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
.infinite-theme-mode--dark .infinite-theme-name--balsam,
.infinite-theme-name--balsam .infinite-theme-mode--dark {
--infinite-header-cell-border-right: var(--infinite-cell-border);
--infinite-header-cell-border: var(--infinite-cell-border);
--infinite-filter-editor-background: var(--infinite-row-odd-background);
--infinite-header-color: var(--infinite-color);
--infinite-header-background: var(--infinite-header-cell-hover-background);
--infinite-cell-color: var(--infinite-color);
--infinite-flashing-background: var(--infinite-accent-color);
--infinite-flashing-up-background: var(--infinite-success-color);
--infinite-flashing-down-background: var(--infinite-error-color);
--infinite-menu-color: var(--infinite-cell-color);
--infinite-menu-background: var(--infinite-background);
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
--infinite-menu-item-active-background: var(--infinite-row-hover-background);
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
--infinite-load-mask-text-background: var(--infinite-background);
--infinite-load-mask-color: var(--infinite-cell-color);
--infinite-row-background: var(--infinite-background);
--infinite-grouping-toolbar-background: var(--infinite-background);
--infinite-theme-name: balsam;
--infinite-theme-mode: dark;
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
--infinite-background: #2d3436;
--infinite-menu-separator-color: #5c5c5c;
--infinite-color: #f5f5f5;
--infinite-cell-border-top: 1px solid var(--infinite-cell-border-color);
--infinite-header-cell-background: #1c1c1c;
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
--infinite-row-odd-background: #262c2e;
--infinite-row-hover-background: #3d4749;
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
--infinite-cell-border-color: #5c5c5c;
}
@media (prefers-color-scheme: dark) {
.infinite-theme-name--balsam:root,
.infinite-theme-name--balsam {
--infinite-header-cell-border-right: var(--infinite-cell-border);
--infinite-header-cell-border: var(--infinite-cell-border);
--infinite-filter-editor-background: var(--infinite-row-odd-background);
--infinite-header-color: var(--infinite-color);
--infinite-header-background: var(--infinite-header-cell-hover-background);
--infinite-cell-color: var(--infinite-color);
--infinite-flashing-background: var(--infinite-accent-color);
--infinite-flashing-up-background: var(--infinite-success-color);
--infinite-flashing-down-background: var(--infinite-error-color);
--infinite-menu-color: var(--infinite-cell-color);
--infinite-menu-background: var(--infinite-background);
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
--infinite-menu-item-active-background: var(--infinite-row-hover-background);
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
--infinite-load-mask-text-background: var(--infinite-background);
--infinite-load-mask-color: var(--infinite-cell-color);
--infinite-row-background: var(--infinite-background);
--infinite-grouping-toolbar-background: var(--infinite-background);
--infinite-theme-name: balsam;
--infinite-theme-mode: dark;
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
--infinite-background: #2d3436;
--infinite-menu-separator-color: #5c5c5c;
--infinite-color: #f5f5f5;
--infinite-cell-border-top: 1px solid var(--infinite-cell-border-color);
--infinite-header-cell-background: #1c1c1c;
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
--infinite-row-odd-background: #262c2e;
--infinite-row-hover-background: #3d4749;
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
--infinite-cell-border-color: #5c5c5c;
}
}
}