In addition to customizing your Reviewshake dashboard with custom CSS, you also have the option to customize it using JavaScript.

This allows you to add your own chat bots, analytics and other tools that run over JavaScript. It also allows you to change chart colors to make them your own. Note that in the absence of custom values, we will revert to using the default colors.

Reviews rating graph

This variable allows you to customize the colors on the reviews rating graph in the admin dashboard.

<script>
var reviewsRatingGraph = {
borderColor: '#ff0000',
backgroundColor: '#9CCC65',
hoverBackgroundColor: '#ff0000',
hoverBorderColor: '#000'
}
</script>

Funnel chart

This variable allows you to customize the colors in the funnels in your reports.

<script>
var funnelChart = {
customersInvitedBackgroundColor: '#E6F2FC',
customersInvitedLabelColor: '#000',
uniqueOpensBackgroundColor: '#C5DEF7',
uniqueOpensLabelColor: '#000',
uniqueClicksBackgroundColor: '#254999',
uniqueClicksLabelColor: '#FFF'
}
</script>

Report chart colors

This variable allows you to customize the colors used in the rest of the grouped charts, such as total reviews, customers invited, rating by site, reviews by site, all time star rating and more.

<script>
var reportChartColors = ['#E6F2FC', '#000', '#C5DEF7', '#254999']
</script>

Sentiment chart

This variable allows you to customize the colors used in the sentiment analysis chart.

<script>
var sentimentsChart = {
badColor: '#DC4F40',
neutralColor: '#F3C24C',
positiveColor: '#ff0000'
}
</script>

Did this answer your question?