Flexdashboard navbar colors

Question

I have navbar like this.

CSS code is

.navbar {
background-color:yellow;
border-color:black;
}

How I can change that blue thing with tells active page? EDIT: I have rmarkdown file and that css-file is myfile.css

---
title: "Title"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
    css: mystyle.css
---

```{r setup, include=FALSE}
library(flexdashboard)
```

Plots
===================================== 

Column {data-width=650}
-----------------------------------------------------------------------

Column {data-width=350}
-----------------------------------------------------------------------


Table
===================================== 

Heatmap
===================================== 

Answer 1

The active page probably has a class with "active" or "active-page". If so, you can style the class for example:

.active {
background-color: red;
}