score:1

Accepted answer

background_color property from gatsby-plugin-manifest stands for pwa (progressive web apps) features, not for the main background-color css property.

to change the styling for any component or element, just add a css/scss, js, modules, etc:

import react from "react"
import layout from "../components/layout"
import "./styles.css"   

export default function home() {
  return <layout>hello world!</layout>
}

in your styles.css:

a {
  color: red:
}

a.active{
  color: blue;
}

keep in mind that gatsby's <link> component (because it extends from @reach/router from react) adds an additional feature to mark as active the current page (or partial path) with the activeclassname prop;

<link
  to="/"
  {/* this assumes the `active` class is defined in your css */}
  activeclassname="active"
>

Related Query

More Query from same tag