@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+2YwYrbMBCG73kKQaDsQhWStGUX91LodmkfQ7HGsYgsCUlOAmXfvVgxidexJTnx0osPgWDN/DOyRvMNXjCRMcEsYJtDAViQAjAumGAF4czYREtpP6NFwAz9nSGE8dkqB0JB4xQ4xxupq/+abXObICEFfA8Zd5pljFvQGCizUuMNSXdbLUtBE7Qn+qFhqOUBS0obJo89ESWX+srdPe3xaEbtSNFtYYBqxonJmdj6dkPSFIQN+JfKJ2HKNAVjAhpUHoRPBbSWulujAFH27fv8SjqdPPH6j895MgsFpsyQDQfq02nF6RcjqWV7CFVWLvfvCqFfT2kwxp9bjCCXhOKCmB22cLS3vbGLxtBTqjJshrSaCKOIBmFblpfOkKBLZ+g0KiSFBPGqI7TWm6EOObNXN+yU/nz98uXp63NHru8vvi9fd1AGFNHEynMzmP96eV2/PnVd7LqRWakStFJHZCRnNMJBE8pKk6Clr+9FNJZajkPW3Ufjum3T6sCozRO0VMeWUX0VnC0TlKXuFTFhwCZorY5u//Wvcv2EFn9q399uVz+BcwcFhFzVumPIpC4SVCoFOiXGJYZQJoXFBzjlu5Gcnh5zsFW3N4qkTGwTtFwsv0FRrb3N3mZtHlUFhbErqAFLbYqF1q852BAPMtLrPa7wFZ498vd5+/KeZoJpJphmgmkmmGaCaSb4bzMBJXoXvzLWRFBpfxy3nfpE14muE10nug6ha9U4PHCdr8gqW2968NrJtFHw2gluH16DDhNeR8frjwIoI+hBachA160Nm7Qqr1NlPbroIaYN+aI8kHDRjBuVcrdwLpZ0w1l3P+3G4d04xLuRefdQb2TujU++D2DfOPS7h39DCBjJwCAFYzgYIOFQFg6j4Q08jCPiICZGUjGWi5FkvIuNfjoG+dhLSB8jK0o6Uv4D/JKp81MdAAA= */
.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-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-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-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-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;
    }
  }
}