[NODEBB] Help for my custom CSS

[DownPW]

@phenomlab

I don’t think so JQuery are necessary becausei hav not that on other themes. Maybe a focus button ?

I want to fix this color background after a click on “Discard” Button when I reply to a topic.

For example you don’t have this on sudonix.com

Just to find the correct CSS code i guess

I have the same problem on login button

[phenomlab]

@downpw Something like this ?

button.btn.btn-default.composer-discard:focus {
    background: red;
}

[DownPW]

Very odd @phenomlab

[phenomlab]

@downpw Expected, because the CSS class is :focus so on mouseout event, the focus is lost and the CSS will no longer apply. This is why you (probably) need jQuery

[DownPW]

Nope, I don’t think so because I haven’t got the problem on an another themes and here too

[phenomlab]

@downpw Can you provide the same example with another theme ?

[DownPW]

@phenomlab

[phenomlab]

@downpw So (for example) do you want the Discard button to turn red if you you click Confirm, or am I off track here ? Not entirely sure what you’re after

[DownPW]

@phenomlab Never mind already found the right CSS property would be nice

[phenomlab]

@downpw Do you mean this one

button.btn.btn-default.composer-discard:focus {
    background: red;
}

Or another ?

[DownPW]

@phenomlab Another I think

[DownPW]

It seem to be a btn-default problem

[DownPW]

@downpw

yes it’s that

But if you have the same for Login button, I take

[phenomlab]

@downpw Think I might have it

.composer-discard:disabled {
    background: red !important;
}

[phenomlab]

@downpw said in [NODEBB] Help for my custom CSS:

But if you have the same for Login button, I take

Use this

button#login {
    background: green;
    border: 1px solid green;
}

[DownPW]

@phenomlab said in [NODEBB] Help for my custom CSS:

@downpw Think I might have it

.composer-discard:disabled {
    background: red !important;
}

That’s works too

[DownPW]

@phenomlab

Other things, I would like to change progress bar color of Windows alert like welcome message, palcement user banner etc…:

[DownPW]

@phenomlab No idea ?

[phenomlab]

@downpw yes, I’ve done the same on sudonix but not in front of a pc presently. If you switch to dark mode on this platform, you’ll see the changes i made to the alert message.

[DownPW]

@phenomlab

I see how to change background color, text color, border color but not the progress bar with transition value.

It’s too fast to see the code on console

I see this in “element style” :

transition: width 5450ms linear 0s, background-color 5450ms ease-in 0s;

But I don’t no what to do with this