List color
Asked by Robert Brostr?m:

Hi, how do I change color on a list? I can see that people have asked similar questions but it only looks like it is the cards that change color, I want to background of the list to change color. Is this possible?


Answers:
author: Esme Crutchley
body: Hi Robert

I have different coloured lists, and I have these by using Chrome and enabling the Pro4Trello extension which can be found here: <https://chrome.google.com/webstore/detail/pro-for-trello-free-trell/hcjkfaengbcfeckhjgjdldmhjpoglecc?hl=en>

Mine looks like this:

![Screenshot 2019-11-22 at 14.16.32.png](https://community.atlassian.com/t5/image/serverpage/image-id/73794i5871A95D46117C81/image-size/large?v=v2&px=999 "Screenshot 2019-11-22 at 14.16.32.png")I also found this website really helpful when trying to pick CSS colours as you have to type the name in properly otherwise it doesn't change the colour: <https://www.w3schools.com/cssreF/css_colors.asp>

Hope that's helpful

Esme :)

comments: author: julie.spradley
body: I also use the Chrome extension. I find that being able to add color allows me to just glance at a board and get a good sense of things that might be slipping through the cracks.


author: Robert Brostr?m
body: Thanks both of you, this gives me 2 questions.

1. Since this is a Chrome extention, the changes will only be shown for me?

2. I can't find the setting for changing the list background colors?

Thanks,  
Robert


author: Esme Crutchley
body: Hi Robert,

The changes should be shown for you as you have Chrome, if others have the Chrome extension, in theory, they should be able to see the colours as well, however I use Trello on my own so I can't say 100%!

To change the colours of the links, click on the 3 dots in each list and add the colour to 'background colour' that you want:

![Screenshot 2019-11-25 at 07.25.38.png](https://community.atlassian.com/t5/image/serverpage/image-id/73915i8982087CA331B93B/image-size/large?v=v2&px=999 "Screenshot 2019-11-25 at 07.25.38.png")

Hope that's helpful!

Esme :)


author: Robert Brostr?m
body: Many Thanks!! :-)


author: Elaine Wood
body: Thanks!


author: rahmawati 46b
body: Thanks, very helpful both the pro4trello and the css colors


author: JJ Jones
body: Pro for Trello is discontinued after this latest update and Trello still hasn't offered a native option. Very sad they don't listen to customers who have been asking for this for years.


author: Daymon Nin
body: Agreed. Actually Atlassian have a track record in giving the middle finger to their customer's requests.


author: Jeff Chadwick-UMM
body: I understand there are work arounds. Nonetheless, still wish Atlassian would add the color option for lists. It is native functionality to change the "cover" for Cards, why not enable "covers" for lists or a similar approach to enable List colors?

comments: author: kellitalbot1
body: I completely agree.


author: Danny_GVL
body: The fact that there's been enough demand for 3P solutions to crop up clunkily, proves it was a dropped ball in the design that should have been able to be post-coded since without much. Wonder why it hasn't?


author: andrea_theconnective
body: +1


author: Don Grassmann
body: I use the free version of Night-Eye (Night-Eye Lite) as a browser extension in MS Edge.

I set Trello as one of the five free websites the extension offers that it will automatically switch into a dark mode on a Windows laptop. This has worked for me for ages.

However, since Atlassian began offering this "new" theme option, my setup no longer worked. Even in "original" theme mode, the Trello list backgrounds were now a blinding white.

After playing around with it a bit, I got my Trello mostly back to how it worked before. I navigated my browser to Trello, opened Night-Eye options, clicked Custom CSS, and entered:

.list {  
background-color: #333333;  
--list-title-color: #e6f7ff  
}

This did the job.

Really wishing Atlassian would provide native list background color options. But here we are.


author: Jimmy Seddon
body: Hi [@Robert Brostr?m](/t5/user/viewprofilepage/user-id/1146865),

I was also looking to do this. While it isn't a core function in Trello, you should checkout the answer the answer over here as it might help you out:

<https://community.atlassian.com/t5/Trello-questions/How-do-I-change-the-List-background-color/qaq-p/584251>

-Jimmy


author: Oliver S
body: Some great news! List colors and collapsible lists are coming to Trello! Check out our recent post for more details - <https://community.atlassian.com/t5/Trello-articles/Do-your-boards-have-you-feeling-the-blues-Prepare-to-spark-new/ba-p/2618194>

comments: author: Agnes Kov?cs
body: On my board, the colouring of list backgrounds is included only in a paid option. The board looks completely underwhelming and unusable with lists of the same colour piled up in an undistinguishable heap on my board. I am new to Trello, but I have lost any enthusiasm I had to start with. How can such a basic feature be a paid option if you offer free trials to learn about this tool? Like having to pay for the fourth wheel on the test drive when you want to sell me a car.


author: Java Sparrow
body: Another workaround but a simple one: Use a vertical striped background or a gradient background for your board. Use an image of stripes or a gradient that approximately lines up with your columns.   

![trello gradient background.PNG](https://community.atlassian.com/t5/image/serverpage/image-id/220228i05E797777FF7DA0D/image-size/large?v=v2&px=999 "trello gradient background.PNG")