Skip to content

Conversation

@06b
Copy link
Contributor

@06b 06b commented Nov 11, 2025

Description

This addresses the request for High Contrast Support #21515 for the VColorPicker component when in forced-colors mode (e.g. Windows Accessibility > Contrast themes)

Before:
Screenshot 2025-11-11 162955

After:
Screenshot 2025-11-11 162902

Markup:

<template>
  <v-app>
    <v-container>
      <v-row>
        <v-col cols="12" sm="6" xl="3">
          <strong>Default</strong>
          <v-color-picker />
        </v-col>

        <v-col cols="12" sm="6" xl="3">
          <strong>Hide Canvas</strong>
          <v-color-picker hide-canvas />
        </v-col>

        <v-col cols="12" sm="6" xl="3">
          <strong>Hide Inputs</strong>
          <v-color-picker hide-inputs />
        </v-col>

        <v-col cols="12" sm="6" xl="3">
          <strong>Hide Inputs & Canvas</strong>
          <v-color-picker hide-canvas hide-inputs />
        </v-col>

        <v-col cols="12" sm="6" xl="3">
          <strong>With Swatches</strong>
          <v-color-picker show-swatches />
        </v-col>

        <v-col cols="12" sm="6" xl="3">
          <strong>With Swatches & Hide Canvas</strong>
          <v-color-picker hide-canvas show-swatches />
        </v-col>

        <v-col cols="12" sm="6" xl="3">
          <strong>With Swatches & Hide Inputs</strong>
          <v-color-picker hide-inputs show-swatches />
        </v-col>

        <v-col cols="12" sm="6" xl="3">
          <strong>Swatches Only</strong>
          <v-color-picker hide-canvas hide-inputs show-swatches />
        </v-col>
      </v-row>

    </v-container>
  </v-app>
</template>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant