ag-grid-community/styles/ag-theme-material.css

Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue

@font-face {
  font-family: "agGridMaterial";
  src: url(data:font/woff2;charset=utf-8;base64,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);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-material {
  --ag-material-primary-color: #3f51b5;
  --ag-material-accent-color: #ff4081;
  --ag-foreground-color: rgba(0, 0, 0, 0.87);
  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);
  --ag-background-color: #fff;
  --ag-header-background-color: #fff;
  --ag-tooltip-background-color: #fff;
  --ag-subheader-background-color: #eee;
  --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5);
  --ag-header-cell-hover-background-color: #f2f2f2;
  --ag-chip-background-color: #e2e2e2;
  --ag-range-selection-background-color: rgba(122, 134, 203, 0.1);
  --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19);
  --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27);
  --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34);
  --ag-range-selection-highlight-color: #fce4ec;
  --ag-row-hover-color: #fafafa;
  --ag-column-hover-color: #fafafa;
  --ag-control-panel-background-color: #fafafa;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-checkbox-unchecked-color: #333;
  --ag-value-change-value-highlight-background-color: #00acc1;
  --ag-side-button-selected-background-color: transparent;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-range-selection-border-color: var(--ag-material-primary-color);
  --ag-checkbox-checked-color: var(--ag-material-accent-color);
  --ag-borders: none;
  --ag-borders-critical: solid 1px;
  --ag-border-color: #e2e2e2;
  --ag-grid-size: 8px;
  --ag-icon-size: 18px;
  --ag-header-height: calc(var(--ag-grid-size) * 7);
  --ag-row-height: calc(var(--ag-grid-size) * 6);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));
  --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4);
  --ag-checkbox-border-radius: 2px;
  --ag-toggle-button-switch-border-width: 2px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75);
  --ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridMaterial;
  --ag-selected-tab-underline-color: var(--ag-material-primary-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-input-focus-border-color: var(--ag-material-primary-color);
  --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122);
  --ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  --ag-card-radius: 2px;
  --ag-invalid-color: #e02525;
}

.ag-theme-material .ag-filter-toolpanel-header,
.ag-theme-material .ag-filter-toolpanel-search,
.ag-theme-material .ag-status-bar,
.ag-theme-material .ag-header-row,
.ag-theme-material .ag-panel-title-bar-title,
.ag-theme-material .ag-multi-filter-group-title-bar {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-header-foreground-color);
}
.ag-theme-material .ag-tab {
  height: calc(var(--ag-grid-size) * 4.5);
  flex: 1 1 auto;
}
.ag-theme-material .ag-tabs-header,
.ag-theme-material .ag-column-drop-horizontal {
  background-color: var(--ag-subheader-background-color);
}
.ag-theme-material .ag-tabs-body {
  padding: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-theme-material .ag-tabs-body .ag-menu-list {
  padding-top: 0;
  padding-bottom: 0;
}
.ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell {
  transition: background-color 0.5s;
}
.ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing {
  bottom: 0;
}
.ag-theme-material .ag-cell-inline-editing {
  padding: var(--ag-grid-size);
  height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3);
  border-color: var(--ag-border-color) !important;
}
.ag-theme-material .ag-has-focus .ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-theme-material .ag-column-drop-vertical {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
  padding-top: var(--ag-grid-size);
}
.ag-theme-material .ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-theme-material .ag-column-drop-vertical-cell {
  margin-left: 0;
}
.ag-theme-material .ag-column-drop-vertical-empty-message {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-right: var(--ag-grid-size);
}

.ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-left: var(--ag-grid-size);
}

.ag-theme-material .ag-status-bar {
  border: solid 1px;
  border-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-panel-column-select {
  border-top: solid 1px;
  border-top-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select, .ag-theme-material .ag-column-select-header {
  border-bottom: solid 1px;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material .ag-column-select-header {
  height: var(--ag-header-height);
}
.ag-theme-material .ag-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size);
}
.ag-theme-material .ag-charts-format-sub-level-group-title-bar {
  padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size);
}
.ag-theme-material .ag-chart-data-section,
.ag-theme-material .ag-chart-format-section {
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-material .ag-chart-menu-close {
  background: var(--ag-background-color);
}
.ag-theme-material .ag-chart-menu-close .ag-icon {
  background: var(--ag-subheader-background-color);
}
.ag-theme-material input[class^=ag-]:not([type]),
.ag-theme-material input[class^=ag-][type=text],
.ag-theme-material input[class^=ag-][type=number],
.ag-theme-material input[class^=ag-][type=tel],
.ag-theme-material input[class^=ag-][type=date],
.ag-theme-material input[class^=ag-][type=datetime-local],
.ag-theme-material textarea[class^=ag-] {
  background: transparent;
  color: var(--ag-foreground-color);
  font-family: inherit;
  font-size: inherit;
  height: calc(var(--ag-grid-size) * 5);
  padding-bottom: var(--ag-grid-size);
  border-width: 0;
  border-radius: 0;
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):focus,
.ag-theme-material input[class^=ag-][type=text]:focus,
.ag-theme-material input[class^=ag-][type=number]:focus,
.ag-theme-material input[class^=ag-][type=tel]:focus,
.ag-theme-material input[class^=ag-][type=date]:focus,
.ag-theme-material input[class^=ag-][type=datetime-local]:focus,
.ag-theme-material textarea[class^=ag-]:focus {
  border-bottom: 2px solid;
  border-bottom-color: var(--ag-material-primary-color);
  outline: none;
  box-shadow: none;
}
.ag-theme-material input[class^=ag-]:not([type])::placeholder,
.ag-theme-material input[class^=ag-][type=text]::placeholder,
.ag-theme-material input[class^=ag-][type=number]::placeholder,
.ag-theme-material input[class^=ag-][type=tel]::placeholder,
.ag-theme-material input[class^=ag-][type=date]::placeholder,
.ag-theme-material input[class^=ag-][type=datetime-local]::placeholder,
.ag-theme-material textarea[class^=ag-]::placeholder {
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-material input[class^=ag-]:not([type]):disabled,
.ag-theme-material input[class^=ag-][type=text]:disabled,
.ag-theme-material input[class^=ag-][type=number]:disabled,
.ag-theme-material input[class^=ag-][type=tel]:disabled,
.ag-theme-material input[class^=ag-][type=date]:disabled,
.ag-theme-material input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-material textarea[class^=ag-]:disabled {
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-border-color);
}
.ag-theme-material input[class^=ag-]:not([type]):invalid,
.ag-theme-material input[class^=ag-][type=text]:invalid,
.ag-theme-material input[class^=ag-][type=number]:invalid,
.ag-theme-material input[class^=ag-][type=tel]:invalid,
.ag-theme-material input[class^=ag-][type=date]:invalid,
.ag-theme-material input[class^=ag-][type=datetime-local]:invalid,
.ag-theme-material textarea[class^=ag-]:invalid {
  border-width: 0;
  border-bottom: 1px solid;
  border-bottom-color: var(--ag-invalid-color);
  color: var(--ag-invalid-color);
}
.ag-theme-material .ag-standard-button {
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--ag-material-primary-color);
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.ag-theme-material .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-material.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 600;
}
.ag-theme-material .ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-material .ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 7);
}
.ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: var(--ag-grid-size);
}

.ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: var(--ag-grid-size);
}

.ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material .ag-layout-print .ag-center-cols-viewport, .ag-theme-material .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-material .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 60px;
}
.ag-theme-material .ag-picker-field-wrapper:focus-within {
  box-shadow: 0 0 0 1px var(--ag-material-primary-color);
}
.ag-theme-material .ag-rich-select-list {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}
.ag-theme-material .ag-advanced-filter-builder-button-label {
  text-transform: uppercase;
}