tom-select icon indicating copy to clipboard operation
tom-select copied to clipboard

Bootstrap theme doesn't respect Bootstrap color schema

Open Kolyunya opened this issue 2 years ago • 6 comments

Describe the bug Bootstrap theme doesn't respect Bootstrap color schema.

To Reproduce

  1. Go to https://jsfiddle.net/Kolyunya/L4u8xptg/2/
  2. See theme background color is black.
  3. See Bootstrap select background is black.
  4. See Tom Select select background is white.

Expected behavior Select background color and text color should match the Bootstrap theme.

Additional context Add any other context about the problem here.

  • OS: MacOS v13
  • Device: Mac Book
  • Browser Chrome v116, Firefox v117
Screenshot 2023-09-25 at 20 26 01

Kolyunya avatar Sep 25 '23 17:09 Kolyunya

I temporarily fixed the problem with the following scss

/* TOM SELECT */
.ts-dropdown, .ts-control, .ts-control input {
  color: var(--bs-body-color);
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: $red;
}
.plugin-clear_button .clear-button {
  color: $red;
  right: 60px;
}
.ts-dropdown {
  z-index: 1060;
}

crivotz avatar Sep 29 '23 10:09 crivotz

I added patch #673 for this

hho6643 avatar Dec 24 '23 01:12 hho6643

This issue has not been active in 120 days and has been marked "stale". Remove stale label or comment or this will be closed in 15 days

github-actions[bot] avatar Apr 22 '24 02:04 github-actions[bot]

Bump

Kolyunya avatar Apr 22 '24 08:04 Kolyunya

This issue has not been active in 120 days and has been marked "stale". Remove stale label or comment or this will be closed in 15 days

github-actions[bot] avatar Aug 21 '24 02:08 github-actions[bot]

Bump

Kolyunya avatar Aug 21 '24 07:08 Kolyunya