Styling Annotation Charts

[Shawn Q]

Hello,

I'm new to using Google Charts and I am currently trying to figure out how to style the Annotation Chart correctly.

It seems like it's a chart that is a combination of different components (i.e. line chart, timeline, table) which would require targetting each specific component to style respectively.

So far I managed to change the color of the chart and its respective area, but I am struggling to do the same for the table/panel on the right, top, and bottom (buttons included)

Below is my options code that depicts the following image:

var detectionOptions = {

      displayAnnotations: true,

      chart: {

        backgroundColor: '#333',

        hAxis: {

          textStyle: {

            color: 'white'

          }

        },

        vAxis: {

          textStyle: {

            color: 'white'

          }

        },

        chartArea: {

          backgroundColor: '#333',

        }

      }