jenkins-material-theme icon indicating copy to clipboard operation
jenkins-material-theme copied to clipboard

Since Jenkins 2.246 - headers became black

Open unickq opened this issue 3 years ago • 4 comments

Expected

image

Actual

image

unickq avatar Aug 11 '20 08:08 unickq

Hi @unickq,

I have managed to work around this locally by updating the style sheet with the following (I added it to the end of mine):

:root {
    /* Table */
    --bigtable-header-bg: var(--light-grey);
    --bigtable-header-border-color: var(--light-grey);
    --bigtable-header-text-color: var(--dark-grey);
    --bigtable-row-border-color: var(--light-grey);
    /* Remove if you don't light the alternating coloured rows */
    --even-row-color: var(--very-light-grey);
    --table-striped-bg--hover: var(--very-light-grey);

    /* Tab bar widget */
    --tab-link-border-color: var(--light-grey);;
    --tab-link-text-color: var(--dark-grey);
    --tab-link-checked-bg: var(--light-grey);
    --tab-link-checked-text-color: var(--dark-grey);
    --tab-link-bg--hover: var(--light-grey);
    --tab-link-bg--active: var(--light-grey);
}

It overwrites the variables set in theme.less, which is provided with newer versions of Jenkins (I am using 2.249.1). This gets the theme back more how I remember it (but I could have picked the wrong types of grey). For some background --very-light-grey, --light-grey, --dark-grey, are all variables defined in theme.less and (I believe) they form the basis of the default colour pallet. There is also --medium-grey, --white and --black.

With this applied I get: Screenshot 2020-09-13 at 18 11 30

I hope this helps, Tim

timbrown5 avatar Sep 13 '20 17:09 timbrown5

Same issue here, thanks for the workaround @timbrown5 !

fkranenburg avatar Sep 16 '20 10:09 fkranenburg

would be great to have PR to get it fixed for everyone

ozonni avatar Sep 17 '20 07:09 ozonni

This works for me https://jorg3lucas.github.io/jenkins-modern-themes/

maxbanton avatar Sep 01 '22 17:09 maxbanton