Text Overlay in Navigation Drawer

[sambojango]

I am working to set up an expansion list inside a v-navigation-drawer with a graphic background.

    <v-navigation-drawer
      id="background"
      v-model="drawer"
      :mini-variant="miniVariant"
      :clipped="clipped"
      fixed
      app
      dark
      src="/nyc-more-chrysler.jpg"
	>

    <v-list>

      <v-list-group
        v-for="item in items"
        :key="item.title"
        v-model="item.active"
        :prepend-icon="item.action"
        no-action
        sub-group
        :to="item.to"
      >
        <template v-slot:activator>
          <v-list-item-content>
            <v-list-item-title v-text="item.title"></v-list-item-title>
          </v-list-item-content>
          </template>

        <v-list-item
          v-for="child in item.items"
          :key="child.title"
          link
          :to='child.to'
        >
          <v-list-item-content>
            <v-list-item-title v-text="child.title"></v-list-item-title>
          </v-list-item-content>
        </v-list-item>
      </v-list-group>
    </v-list>

I need to increase contrast between text overlay and background image.

When I try setting a CSS filter on #background such as grayscale(100%) I see the filter reflected in both image and overlay. The dark prop has no effect.

#background {
  filter: grayscale(100%) contrast(0.5) brightness(0.9);
  color: white;
}

Both image and overlay are now filtered.

I also tried setting the gradient prop on v-navigation-drawer.

Because the docs say one should use img slots to control v-img settings within the drawer?

Apply a custom background to your drawer using the ´src´ prop. If you need to customize ´v-img´'s properties you can use the img slot.

The current state of things is at this URL.

And on a a related note, how to give the expansion navigation there an accordion behavior?

As in «if one expansion element is open then close it before opening another».

Yes but no and I apologize: a working example of this in a parallel project is here — click the burger.