project: 
  type: website
  output-dir: docs

website: 
  title: "Driving Adoption: Smart Manufacturing Technologies"
  back-to-top-navigation: true
  page-footer:
    background: "#f1f1f1"
    foreground: "#164a58"
    left: 
      - text: "GitHub Repo"
        url: "https://github.com/wsuppmc/driving-adoption-metrics"

  navbar: 
    background: "#f1f1f1"
    foreground: "#164a58"
    search: true
    link: false
    right: 
      - text: "Home"
        href: Quartopage.qmd
  

format: 
  html:
    embed-resources: true
    page-layout: full
    toc: false
    css: styles.css
    footer: footer.html

我想将“主页”的颜色更改为#164a58，既然它在导航栏中，我该如何操作
我尽力了

.navbar .nav-item a[text='Quartopage.qmd'] {
  color: #164a58;
}

我还以为能成功呢