Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #37753
Closed
Open
Issue created Dec 29, 2022 by Administrator@rootContributor3 of 3 checklist items completed3/3 checklist items

Darkmode: `btn-outline-dark` is not visible in button group component

Created by: teaca-sebastian

Prerequisites

  • I have searched for duplicate or closed issues
  • I have validated any HTML to avoid common problems
  • I have read the contributing guidelines

Describe the issue

https://getbootstrap.com/docs/5.3/components/button-group/#sizing https://getbootstrap.com/docs/5.3/components/buttons/

The bug is pretty self-explainatory, this happens because .btn-light .btn-dark .btn-outline-light & .btn-outline-dark don't change with data-bs-theme="dark", and there is no "body" color to change along with the data attribute. To properly solve this issue .btn-body and .btn-outline-body classes should be added to complement the darkmode feature.

Screenshot_20221229_075540 Screenshot_20221229_075548

Reduced test cases

See above

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

No response

What version of Bootstrap are you using?

v5.3

Assignee
Assign to
Time tracking