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

Infinite Table for React

/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3ZzWrjMBAA4HueQhAWWohKnDhu1nvZV1GkcSxqS0ZSmsCSd1/sDY3jH9mJ1S4FHQoFjUZjWRp/kBcuEi64AWxSyAELkgPGkgIRsZLSLNBLfwT6M0MI44+AFAgDhSlkGd5JVf6v+D41MQqKE9Iy4wxRmUmFc3564gJptd8tkFFE6IIoEGaB3ol6qqWswp9RuPzx/Gtosbg1+TrWnJ3wzIDCwLiRCu8IfdsreRCslUPJI5aM1UL6CikrbZdQ1d89w7Jq/eFS+X4T3MxWBd2xepIRnXKxt61PKAVhBuYfClsKfaAUtB7IweRR2LKAUlJ158hBHPqe+2NLOieN3Pj+La+ycAM5ZlyTXQbMlrOxZn8yQg1/h6HTOHQervkKBVrba+tPk0nCcE70GzZwMlNz3Pueygd9aMlrk4pR1aQ6x3PJIEZZ2Zwa4/WTH6P5drehSdSIqRc2ZwFsE9q8k5fpy3C1XrPG4M3NiNE8CilEYSOodvBjNE9otIk2tg5YL+mVsXWrJFtLidF8vd2xZNvVWi6d3Mhieh8P2n28vkYGiYmRkAIsQZdPykDUkTOTxmhZnFovuLpkVSwXjFNSfgG40GBitCpO1TNe/joO5e23IO7ah447WzuvC3RMuQG0am9F1+1+sEOVqTRkQI39/t/zobnJ2a5z3E50FGXbkqqZaSiIql7T5T5MOXznWVM0ZTPAuGoGdwzVHGQZavupltJmK+tEZznrmLMkfXiirVCPR49Hj0ePR49Hj0ePR4/H74xHRtTb+JFpdCwzulZeldODzIPMg8yD7JuCrOxhUz22XK9omPR47GdEloQMeCx4jcLg1eqxDQRh0CRbr8c6FTjgseUqSNZN8Tn02PVFe5TVBOJNNrgjbkjWOn/n2e8cGCfoqVCQgLrcR6xp2SD+9YbnCjgWG438wfOLkTSVSU6h9AiVXGPpfi5NB5MbMrlB04NscgUnx3RyjydnfHIDqCmEmoCoYUYNQmocpcZgaoBTI0E1ilT3ouoxVn0hrEbSaiyuRvJqErA+nVhOkfU5zPov0PoKaiF0np3/AsUNcXQ3JgAA */
.infinite-theme-name--ocean:root,
.infinite-theme-name--ocean {
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
  --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-header-cell-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-background);
  --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: ocean;
  --infinite-theme-mode: light;
  --infinite-accent-color: #8b5cf6;
  --infinite-background: #d1e8fc;
  --infinite-color: #04233d;
  --infinite-success-color: #64ce64;
  --infinite-error-color: #fc6565;
  --infinite-header-cell-background: #7dd3fc;
  --infinite-header-cell-hover-background: #38bdf8;
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
  --infinite-cell-border-left: none;
  --infinite-cell-border-right: none;
  --infinite-cell-border-width: 0px;
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
  --infinite-row-hover-background: var(--infinite-header-cell-background);
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
}
.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
.infinite-theme-mode--light .infinite-theme-name--ocean,
.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
.infinite-theme-name--ocean .infinite-theme-mode--light,
.infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
  --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-header-cell-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-background);
  --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: ocean;
  --infinite-theme-mode: light;
  --infinite-accent-color: #8b5cf6;
  --infinite-background: #d1e8fc;
  --infinite-color: #04233d;
  --infinite-success-color: #64ce64;
  --infinite-error-color: #fc6565;
  --infinite-header-cell-background: #7dd3fc;
  --infinite-header-cell-hover-background: #38bdf8;
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
  --infinite-cell-border-left: none;
  --infinite-cell-border-right: none;
  --infinite-cell-border-width: 0px;
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
  --infinite-row-hover-background: var(--infinite-header-cell-background);
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
}
.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
.infinite-theme-mode--dark .infinite-theme-name--ocean,
.infinite-theme-name--ocean .infinite-theme-mode--dark {
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
  --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-header-cell-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-background);
  --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: ocean;
  --infinite-theme-mode: dark;
  --infinite-accent-color: #8b5cf6;
  --infinite-background: #032c4f;
  --infinite-color: #96a0aa;
  --infinite-success-color: #176417;
  --infinite-error-color: #5e1414;
  --infinite-header-cell-background: #04233d;
  --infinite-header-cell-hover-background: #021f35;
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
  --infinite-cell-border-left: none;
  --infinite-cell-border-right: none;
  --infinite-cell-border-width: 0px;
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
  --infinite-row-hover-background: var(--infinite-header-cell-background);
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
}
@media (prefers-color-scheme: dark) {
  .infinite-theme-name--ocean:root,
  .infinite-theme-name--ocean {
    --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
    --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-header-cell-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-background);
    --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: ocean;
    --infinite-theme-mode: dark;
    --infinite-accent-color: #8b5cf6;
    --infinite-background: #032c4f;
    --infinite-color: #96a0aa;
    --infinite-success-color: #176417;
    --infinite-error-color: #5e1414;
    --infinite-header-cell-background: #04233d;
    --infinite-header-cell-hover-background: #021f35;
    --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
    --infinite-cell-border-left: none;
    --infinite-cell-border-right: none;
    --infinite-cell-border-width: 0px;
    --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
    --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
    --infinite-row-hover-background: var(--infinite-header-cell-background);
    --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
    --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
    --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
  }
}