By default "dpm" and other devel dumper commands create a Kint backtrace (element div.kint >footer.kint-show > ol > li) with inline styles setting the text color to light grey (#ddd);

This color is very small (font-size: 9px) and the color makes it further difficult to read:
kint screenshot

1. The font size should be bigger.
2. The color should be more contrasting - whether the dump message has its own background distinct from div.message, or the text itself is switched from light grey to dark grey or black.

CommentFileSizeAuthor
Salesforce_mapped_object_view___d8.png17.09 KBAaronBauman
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

aaronbauman created an issue. See original summary.

willzyx’s picture

willzyx CreditAttribution: willzyx commented

@aaronbauman totally agree with you. We should open an issue in the kint issues queue for solving the problem (the problem is not caused by devel nor drupal).

Let's just keep this open for reference.

AaronBauman’s picture

AaronBauman
he/him
CreditAttribution: AaronBauman at Message Agency commented

issue filed on github: https://github.com/raveren/kint/issues/200

AaronBauman’s picture

AaronBauman
he/him
CreditAttribution: AaronBauman at Message Agency commented

It sure looks like this style is coming from a file in devel's repo:
http://cgit.drupalcode.org/devel/tree/kint/kint/view/compiled/original.css

Is devel's framework such that I can't file a patch directly against this file?

The maintainer suggests to implement a new theme.
What about creating a drupal-/devel-specific theme for Kint?

Doesn't seem like there's anyway to do this without modifying / creating new files in the kint/kint subtree, so I'm just confused about why that would be more appropriate than changing original.css directly.

willzyx’s picture

willzyx CreditAttribution: willzyx commented
Status: Active » Postponed

The issue is now fixed in kint see https://github.com/raveren/kint/pull/202
Once Ravener release a tagged version of kint we should update to update the library

AdamPS’s picture

AdamPS CreditAttribution: AdamPS at AlbanyWeb commented

I raised a kint issue requesting a new release.

In the meantime, if you want to override the CSS, you need to make your CSS more specific, something like this:

.kint footer ol li {
    color: black;
}
AdamPS’s picture

AdamPS CreditAttribution: AdamPS at AlbanyWeb commented
Status: Postponed » Active

Excellent - there is a new active kint maintainer jnvsor and he has tagged a new release. Next step is to bring that into the Drupal module. I have raised a task #2859114: Integrate latest kint library - thanks.

willzyx’s picture

willzyx CreditAttribution: willzyx commented
Status: Active » Closed (won't fix)

Closing in favor of #2839515: Remove Kint module and create a kint dumper plugin in devel