---
title: "Legacy Themes"
framework: javascript
version: "36.1.0"
---

# Legacy Themes

Transitional support for applications created before v33

> **Note**
>
> This page describes the grid's legacy theming system that was the default in v32 and before, for the benefit of applications that have not yet migrated to the Theming API. These themes are deprecated and will be removed in a future major version. You may want to visit the [Theming API docs](https://www.ag-grid.com/javascript-data-grid/theming/) or check out the [migration guide](https://www.ag-grid.com/javascript-data-grid/theming-migration/).

## v32 Theming Topics

- [Themes](https://www.ag-grid.com/javascript-data-grid/theming-v32-themes/)
- [Customisation](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation/)
  - [Variable Reference](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-variables/)
  - [Colours & Fonts](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-colours/)
  - [Compactness & Row Height](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-compactness/)
  - [Selections](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-selections/)
  - [Headers](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-headers/)
  - [Borders](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-borders/)
  - [Icons](https://www.ag-grid.com/javascript-data-grid/theming-v32-custom-icons/)
  - [Tool Panels](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-tool-panels/)
  - [Inputs & Widgets](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-widgets/)
  - [Menus & Popups](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-popups/)
  - [Advanced CSS](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-css/)
- [Sass](https://www.ag-grid.com/javascript-data-grid/theming-v32-customisation-sass/)