Skip to content
Example of customising a theme for ag-Grid
JavaScript TypeScript CSS HTML
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
src added color picker icon Jul 4, 2019
.gitignore improved vanilla example May 29, 2019 added SVG icons example Jul 4, 2019

ag-Grid Theme Customization Example

The project in this repository showcases how the ag-Grid built-in themes can be customized by overriding Sass variables. An up-to-date table with the variable default values and their function is available at:


  • Clone the project

Vanilla Javascript

Vanilla (Replaced all icons with FontAwesome 5)

Vanilla (Using SVG Icons)

  • Go to src/vanilla-svg-icons
  • run npm install
  • start width npm start
  • Examine the styles.scss file for details
  • Note: With SVG icons, the color are added directly to the SVG files instead of using SASS variables.


You can’t perform that action at this time.