This page lists CSS variables for [Bases](https://help.obsidian.md/bases). See also [[Properties]], [[Checkbox]], [[Text input]] and [[Multi-select]] for variables related to properties and input types.
## CSS variables
### Base container
These variables apply to the entire Properties container.
| Variable | Description |
| ------------------------------- | -------------------------------------------------------- |
| `--bases-header-border-width` | Width of border around the header area |
| `--bases-header-height` | Height of the base header area that contains the toolbar |
| `--bases-header-padding-start` | Start padding (left in [[Right-to-left\|LTR]] mode) |
| `--bases-header-padding-end` | End padding (right in [[Right-to-left\|LTR]] mode) |
| `--bases-toolbar-label-display` | Display of toolbar button labels |
| `--bases-toolbar-badge-display` | Display of toolbar number badges |
| `--bases-embed-border-width` | Border width around base view when embedded |
| `--bases-embed-border-color` | Border color around base view when embedded |
| `--bases-embed-border-radius` | Radius around base view when embedded |
| `--bases-filter-menu-width` | Width of the filter menu |
### Table view
| Variable |
| ---------------------------------------- |
| `--bases-table-container-border-width` |
| `--bases-table-container-border-radius` |
| `--bases-table-header-weight` |
| `--bases-table-header-color` |
| `--bases-table-header-icon-display` |
| `--bases-table-header-background` |
| `--bases-table-header-background-hover` |
| `--bases-table-header-sort-mask` |
| `--bases-table-border-color` |
| `--bases-table-column-border-width` |
| `--bases-table-row-border-width` |
| `--bases-table-row-background-hover` |
| `--bases-table-row-height` |
| `--bases-table-text-size` |
| `--bases-table-column-max-width` |
| `--bases-table-column-min-width` |
| `--bases-table-cell-radius-active` |
| `--bases-table-cell-shadow-active` |
| `--bases-table-cell-background-active` |
| `--bases-table-cell-background-disabled` |
### Cards view
| Variable |
| ------------------------------------ |
| `--bases-cards-container-background` |
| `--bases-cards-background` |
| `--bases-cards-cover-background` |
| `--bases-cards-scale` |
| `--bases-cards-group-padding` |
| `--bases-cards-line-height` |
| `--bases-cards-border-width` |
| `--bases-cards-shadow` |
| `--bases-cards-shadow-hover` |