assets-generator icon indicating copy to clipboard operation
assets-generator copied to clipboard

Add dark mode version of hero image

Open JHWelch opened this issue 10 months ago • 1 comments

Adds a Dark Theme version of the hero image for the README

Colors copied from Dark version of Vite PWA Website

BEFORE

Light

CleanShot 2024-04-13 at 15 17 23@2x

Dark

CleanShot 2024-04-13 at 15 17 15@2x

AFTER

Light

CleanShot 2024-04-13 at 15 17 39@2x

Dark

CleanShot 2024-04-13 at 15 17 46@2x

JHWelch avatar Apr 13 '24 20:04 JHWelch

We've both svg (in figma not in the repo) and so we can add logic I added here: https://github.com/userquin/vuetify-nuxt-module/blob/main/README.md

<div align="center">
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/userquin/vuetify-nuxt-module/raw/main/hero-dark.svg" />
  <img alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify" src='https://github.com/userquin/vuetify-nuxt-module/raw/main/hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify"><br>
</picture>
<p>Zero-config Nuxt Module for Vuetify</p>
</div>

userquin avatar Apr 15 '24 18:04 userquin