Skip to content

Hard to read tooltip on new dark mode #687

@gian1200

Description

@gian1200

Bug Description

Dark mode was recently implemented on #642 (which is awesome!).

However, when hovering on the cards, the tooltip that appears is hard to read (see screenshot).

Image

Link to Minimal Reproduction and step to reproduce

"Default configuration"

new BundleAnalyzerPlugin({
	"analyzerMode": "static",
	"openAnalyzer": false,
	"reportFilename": join(import.meta.dirname, "../target/webpack/app_report.html")
})

Expected Behavior

Easy to read

Actual Behavior

Hard to read

Environment

Browser: Chrome 143.0.7499.170.


System:
    OS: Windows 11 10.0.26200
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1145G7 @ 2.60GHz
    Memory: 1.82 GB / 15.71 GB
  Binaries:
    Node: 24.12.0 - C:\nvm4w\nodejs\node.EXE
    npm: 11.6.2 - C:\nvm4w\nodejs\npm.CMD
  Browsers:
    Chrome: 143.0.7499.170
    Edge: Chromium (140.0.3485.54)
    Internet Explorer: 11.0.26100.7309
  Packages:
    copy-webpack-plugin: ^13.0.1 => 13.0.1
    css-minimizer-webpack-plugin: ^7.0.4 => 7.0.4
    html-webpack-plugin: ^5.6.5 => 5.6.5
    webpack: ^5.103.0 => 5.103.0
    webpack-bundle-analyzer: ^5.1.0 => 5.1.0
    webpack-cli: ^6.0.1 => 6.0.1
    webpack-merge: ^6.0.1 => 6.0.1

Is this a regression?

No

Last Working Version

No response

Additional Context

No response

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