Skip to content

[BUG] table-head-fixed and dark-mode #6026

@FG-Samuli

Description

@FG-Samuli

Bug description

Using AdminLTE 4.0 RC7 with Bootstrap 5.3.8.

Dark mode works much better compared to v3, but there is an issue when using a fixed table header.

When using:

<table class="table table-head-fixed table-striped table-hover text-nowrap table-sm">
    <thead>
        <tr>

In dark mode, the table header (thead th) background remains white, causing poor contrast (white text on white background).

If the table-head-fixed class is removed, dark mode works correctly, but the header is no longer fixed.

Expected behavior
The table header should respect dark mode styles (dark background + light text) even when table-head-fixed is used.

Actual behavior
table-head-fixed forces a light background on thead th, overriding dark mode styles.

Possible cause
The .table-head-fixed thead th CSS rule sets a fixed background color (likely #fff) and does not adapt to dark mode.

Environment
AdminLTE: 4.0 RC7
Bootstrap: 5.3.8

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions