@infinite-table/infinite-react/theme/balsam.css

Infinite Table for React

/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Za4viMBSGv/srArKgYGSsOo7dL/tX0uRUg21TkniBxf++pA5ae0mvMw5LKYiYk/fkcnqeF5zzyOcR14D1HkLAEQkBY48EioSuFELP0NwSgv6OEML4HrEHwkBiCkGAPSHNd8l3e+2iE5GTVGAqYvq7SqPJbJ8HGiQGxrWQ2CP0sJPiGLGchhRnLBhLhZQtRASiYAnm15IZlqzpze3F6Sk4q5YENcjuB0TtebSz5SeUQqQr5h9jm4Q6UgpKVWgwcY5sKiClkMUaIUTHsn3fj6RwkiVf+TEnM7mGEDOuiBcAe9JJsuGQXyY8QkruvFlWOpN6OkPnPdeAnLdf5bkI1fwEVQVaVSIPvViCUo2X/vSu5Xewym0gEIThkKgD1nDR7Q78odH0ks2RtEr56FwuunWuwoBQMHBRYDpWQWYFAVBdfcZakkjFREKkcwf+9P7dKiSTKS2e3ELRlSuIiSRa3LvT2GN0STfZDnIb9AJCD0XN5bNFaxG7aBFfkBIBZ0juPDJZfGxnaLFdm4/tDM3XH9Y+nVr02F/7Gz+7FFvj66FSnVyl5vu7WRr1mZ890aIXzUVjoP6bv7DVQZt9lBTS80auoyx0TWVinFRmg6E0qm1jecinRK0GwDqzP9Enz2GRbT/TttbB5AwmZzA5g8kZTM5gcgaT89UmhxF5qD/S1eIYzf7NSKI62IbBNgy2YbAN/5NtMI3tR7iGscOWq+V7Pd+wpuYp9g2G5Gt/Xd85FKuVGoUFNc+PNArOu0OdmkZhyVab1fZFRuFPCIwTNIkl+CA/2ytW1BTmrSanCW1tpK77b0Y/zO5K7V653YbcfbO7Ob2787sfgvfD8JYU78Lx7yV5/yx/Ac374XkXondgeg2qV3L9O8leh+3N6F7B9xaEb8r4F1C+Ceebkf4FrEfoOrr+A2nwgleVIAAA */
.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-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-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-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 #5c5c5c;
  --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%);
}
@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-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 #5c5c5c;
    --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%);
  }
}