Skip to content

Missing dark background for select options #3

Description

@taidaid

The theme shipped without good dark-mode support for select options:
image

My fix was to add it to the select__option key, however, ideally it would come built-in.

  select__option: {
    "group-data-[disabled]:opacity-50": true,
    "group-data-[disabled]:select-none": true,
    "group-data-[multiple]:checked:bg-indigo-100": true,
    "group-data-[multiple]:focus:bg-indigo-100": true,
    "group-data-[multiple]:text-sm": true,
    "group-data-[multiple]:outline-none": true,
    "group-data-[multiple]:border-none": true,
    "group-data-[multiple]:py-1.5": true,
    "group-data-[multiple]:px-1.5": true,
    "dark:group-data-[multiple]:focus:bg-indigo-700": true,
    "dark:group-data-[multiple]:checked:bg-indigo-700": true,
    "dark:bg-gray-900": true // added
  },

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions