List Color: Turn Off or Change Pink Color

5h3ph3rd · 2020-05-22T17:38:48.851Z

Hi. How do you turn off or at least change the color of text when creating lists? When I create a list it is pink. Prefer black.

dpoulton · 2020-05-22T19:24:14.563Z

You could try adding this to your userchrome.css file:

.ace_list {
    color: black !important;
}

Got the above from this post by @tatoosh

Share your CSS Lounge

[image] userchome.css /*Tatoosh style*/ .ace_heading { color:#298d56 !important; font-weight: bold; } #note-editor{ color: black !important; } .ace_emphasis{ color: black !important; font-weight: bold; } .ace_blockquote{ color: #298d56 !important; border-left: 1px solid #298d56; } .ace_string{ color: #85b096 !important; font-weight: bold; } .ace_support{ color: #298d56 !important; font-weight: bold; } .ace_function{ margin-left: 5px; /* color:#6f6f6f !impor…

In fact the entire "Share your CSS" thread is devoted to CSS customisation so it may act as a good source for any other elements you may wish to modify.

5h3ph3rd · 2020-05-26T23:29:24.958Z

Thanks. Surprised this app uses CSS. Can you explain on a high level what the app is built from? For example, is it somehow HTML 5 with CSS but running as an app? I’m curious.

uxamanda · 2020-05-27T04:16:34.504Z

It is an Electron app (https://www.electronjs.org) which uses HTML, CSS, and Javascript behind the scenes. This makes it very customizable. You can see the underlying structure by going to Help > Toggle Developer Tools just like in a browser.

5h3ph3rd · 2020-05-27T15:29:48.575Z

Thanks! That’s very helpful. Now I understand why CSS is valid. Just love the app and the helpful community! Used to be a Evernote customer for many years. Not anymore.

Orozco · 2020-05-29T12:26:07.955Z

Starting with Windows 10 build 16215, Windows 10 now includes color filters at the system level, including filters designed to make it easier for people with color blindness to differentiate between colors like red.

whitewall · 2021-02-17T10:28:18.114Z

dpoulton:

You could try adding this to your userchrome.css file:
.ace_list {
    color: black !important;
}

This doesn't seem to be working any more. Ideas?

dpoulton · 2021-02-17T11:15:50.394Z

whitewall:

This doesn't seem to be working any more. Ideas?

That class looks like it was for the old ACE editor. Joplin now uses CodeMirror. Use the Development Tools to find out what the equivalent class is. I would expect it to begin .cm-

whitewall · 2021-02-17T11:34:21.292Z

Sorry. I should have said that I looked at the development tools and I couldn't find a class for it. Not even one of the random classes.

But now I look again and I see there is .cm-variable-2 and that does it. But I don' know how to be sure that this class isn't also used for something else. I guess it may be unknowable. It seems to also style ordered lists also. [EDIT: and checkbox lists]

Thanks! Sorry, I should have tried harder.

dpoulton · 2021-02-17T12:10:41.561Z

It looks like .cm-variable-2 affects all lists, including checkboxes, and .cm-meta controls the checkbox square brackets [ ]