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

Infinite Table for React

/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YwYrbMBCG73kKQaDsQhWStGWLeyl0u7SPIVvjWESWhCQngbLvXqSYxJvYspx4CwUfAsGa+WckjecbvGAiZ4JZwLaAErAgJWBcMsFKwpmxiZbSfkSLHjP0Z4YQxierAggFjTPgHKdSu/+abQqbICEFfOszbjXLGbegMVBmpcYpybYbLStBE7Qj+qFhqOUeS0obJo8dESWX+srdP+3waEZtSdFvYYBqzokpmNiEdkOyDITt8a9USMJUWQbG9GhQuRchFdBa6naNEkTVte/TkbQ6BeJ1X5/3ZBZKTJkhKQca0rmI0y1GMst20FdZhdy9KYRuPaXBmHBuMYJcEopLYrbYwsHedmJnjaG35DJshrSaCKOIBmEvLJ2FcoVkpeQpCb6i3Zme+0uCzv2l1aiUFBLEXV+5WG9G3hfMXr2nx0OYr58/PX3+2rLjt+0jtGt/3QYU0cTKU0uZ/3x+Wb88tbWHuh1aqRK0UgdkJGc0wkETyiqToGWoe0a0p1qOQ97ejeN6dtNqz6gtErRUhwuj+oXytkxQlvkjYsKATdBaHfz+659z/YAWv2vfX35XP4BzjxaEfO37a8ilLhNUKQU6I8YnhlAuhcV7OOabSk6PjzlYxwyjSMbEJkHLxfILlG7tdfY6u6SaKyiMfUENWLpkYd/6NU0b4r2kDXqPK3wF+YD8fd6hvKfJYpospslimiymyWKaLP7zyYISvY1fGWuucNrvR3+vPjF6YvTE6InR/57Rrv0EED1fkVW+Tjsg3UrGUSDdiv8QpHsdJkiPDunvJVBG0IPSkIOuGyQ2mSuvY2U9+uh9ZBzyjXwgJ6NJOSorb6FlLC+HE/N+Zo5DzXG4eSM572HnyPQcn5/vQNBxGHoPRYdwdCySRrK0l6YxPO0h6lCmDqPqDVyNI+sgtkbSNZavkYS9i7FhyvZytpO0IdY62nri/gUVKqaubR4AAA== */
@layer infinite-table {
  .infinite-theme-name--minimalist:root,
  .infinite-theme-name--minimalist {
    --infinite-header-cell-border-right: none;
    --infinite-header-cell-border: none;
    --infinite-filter-editor-background: var(--infinite-row-odd-background);
    --infinite-header-color: var(--infinite-color);
    --infinite-header-background: none;
    --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: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: var(--infinite-background);
    --infinite-load-mask-color: var(--infinite-cell-color);
    --infinite-row-background: transparent;
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-theme-name: minimalist;
    --infinite-theme-mode: light;
    --infinite-background: white;
    --infinite-color: #2D3748;
    --infinite-row-odd-background: transparent;
    --infinite-menu-separator-color: #EDF2F7;
    --infinite-cell-border-top: 1px solid #EDF2F7;
    --infinite-cell-border-radius: 0;
    --infinite-header-cell-background: none;
    --infinite-cell-border-left: none;
    --infinite-cell-border-right: none;
    --infinite-cell-border-width: 0px;
    --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
    & .InfiniteHeaderCell {
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.05em;
    }
  }
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
  .infinite-theme-mode--light .infinite-theme-name--minimalist,
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
  .infinite-theme-name--minimalist .infinite-theme-mode--light,
  .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
    --infinite-header-cell-border-right: none;
    --infinite-header-cell-border: none;
    --infinite-filter-editor-background: var(--infinite-row-odd-background);
    --infinite-header-color: var(--infinite-color);
    --infinite-header-background: none;
    --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: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: var(--infinite-background);
    --infinite-load-mask-color: var(--infinite-cell-color);
    --infinite-row-background: transparent;
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-theme-name: minimalist;
    --infinite-theme-mode: light;
    --infinite-background: white;
    --infinite-color: #2D3748;
    --infinite-row-odd-background: transparent;
    --infinite-menu-separator-color: #EDF2F7;
    --infinite-cell-border-top: 1px solid #EDF2F7;
    --infinite-cell-border-radius: 0;
    --infinite-header-cell-background: none;
    --infinite-cell-border-left: none;
    --infinite-cell-border-right: none;
    --infinite-cell-border-width: 0px;
    --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
    & .InfiniteHeaderCell {
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.05em;
    }
  }
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
  .infinite-theme-mode--dark .infinite-theme-name--minimalist,
  .infinite-theme-name--minimalist .infinite-theme-mode--dark {
    --infinite-header-cell-border-right: none;
    --infinite-header-cell-border: none;
    --infinite-filter-editor-background: var(--infinite-row-odd-background);
    --infinite-header-color: var(--infinite-color);
    --infinite-header-background: none;
    --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: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: var(--infinite-background);
    --infinite-load-mask-color: var(--infinite-cell-color);
    --infinite-row-background: transparent;
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-theme-name: minimalist;
    --infinite-theme-mode: dark;
    --infinite-background: #1a1f2b;
    --infinite-color: #EDF2F7;
    --infinite-row-odd-background: transparent;
    --infinite-menu-separator-color: #2D3748;
    --infinite-cell-border-top: 1px solid #2D3748;
    --infinite-cell-border-radius: 0;
    --infinite-header-cell-background: none;
    --infinite-cell-border-left: none;
    --infinite-cell-border-right: none;
    --infinite-cell-border-width: 0px;
    --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
    & .InfiniteHeaderCell {
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 0.05em;
    }
  }
  @media (prefers-color-scheme: dark) {
    .infinite-theme-name--minimalist:root,
    .infinite-theme-name--minimalist {
      --infinite-header-cell-border-right: none;
      --infinite-header-cell-border: none;
      --infinite-filter-editor-background: var(--infinite-row-odd-background);
      --infinite-header-color: var(--infinite-color);
      --infinite-header-background: none;
      --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: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: var(--infinite-background);
      --infinite-load-mask-color: var(--infinite-cell-color);
      --infinite-row-background: transparent;
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-theme-name: minimalist;
      --infinite-theme-mode: dark;
      --infinite-background: #1a1f2b;
      --infinite-color: #EDF2F7;
      --infinite-row-odd-background: transparent;
      --infinite-menu-separator-color: #2D3748;
      --infinite-cell-border-top: 1px solid #2D3748;
      --infinite-cell-border-radius: 0;
      --infinite-header-cell-background: none;
      --infinite-cell-border-left: none;
      --infinite-cell-border-right: none;
      --infinite-cell-border-width: 0px;
      --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
      & .InfiniteHeaderCell {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 0.05em;
      }
    }
  }
}