The color of the feedback buttons at the article bottom remains grey when you do not hover them. You wish to change the default color of the feedback buttons and customize them. Perform the following steps to configure the default color of the feedback buttons:

Solution

1. Go to Settings → Knowledge base site → Custom CSS & JavaScript → Custom CSS

2. Paste the below CSS snippet in the window

.article-vote-container .actions .btn.yes i {
    background-color: #5ebf83;
    color: white;
}

.article-vote-container .actions .btn.no i {
    background-color: #e67367;
    color: white;
}

.article-vote-container .actions .btn.yes {
    color: #5ebf83;
}

.article-vote-container .actions .btn.no {
    color: #e67367;
}

3. Update the color codes as per your requirement

4. Click Save

Outcome

Before

The color of the feedback buttons appears grey when you aren't hovering over them.

After

The color of the feedback buttons appears in the configured color when you aren't hovering over them.