ag-grid background color

<html>
<head>
    <script src="https://unpkg.com/ag-grid-community@22.1.1/dist/ag-grid-community.min.js"></script>
    <script src="grid.js"></script>
    <link rel="stylesheet" type="text/css" href="grid.css">
</head>
<body>
    <div id="myGrid" style="height: 300px" class="ag-theme-balham"></div>
</body>
</html>

var columnDefs = [
    {headerName: "Make", field: "make"},
    {headerName: "Model", field: "model"},
    {headerName: "Price", field: "price"}
];

var rowData = [
    {make: "Toyota", model: "Celica", price: 35000},
    {make: "Ford", model: "Mondeo", price: 32000},
    {make: "Porsche", model: "Boxter", price: 72000}
];

var gridOptions = {
    columnDefs: columnDefs,
    rowData: rowData
};

document.addEventListener("DOMContentLoaded", function() {
    var eGridDiv = document.querySelector('#myGrid');
    new agGrid.Grid(eGridDiv, gridOptions);
});

.ag-header, .ag-root, .ag-cell {
  background-color: #f5f5ff !important;
}