Allow to change the color of the Sidebar

Please help! I am so depressed by the heavy black sidebar that I am about to quit Asana. I don’t see a way to change the color to a color that I want to live with. Am I missing something?

5 Likes

Hi @anon60628157 and thanks for sharing your feedback with us, we really appreciate it. As it stands, there is no option to update the sidebar colour so I’ve gone ahead and moved your post to the #productfeedback category to allow you and other customers to support this request.

I don’t believe we’ve planned to implement this feature in the near future, but I’ll make sure to keep you posted as soon as I have an update on my end! If there is anything else we can help with in the meantime, don’t hesitate to reach out, we’ll be happy to help!

1 Like

@anon60628157 Depressed is a very strong word. I’ve never had any complain with darker color on the sidebar, it just add clarity and contrast to the main tasks area.

But if you really need to change the color and @Marie said that this feature won’t be implemented in the near future, I have a workaround which might help.

If you use Chrome as browser, you can download the extension called Stylebot (https://stylebot.dev/)
the extension allows you to change the CSS of the page.

Once you installed, activate the extension, go to the code section and paste this code:
(here’s the video explanation: https://youtu.be/lis7vG-D4bA

/* Change Sidebar Background Color */
.Sidebar {
    background-color: #ffffff;
}

/* Change Sidebar Text Color */
.SidebarReportsItemRow, .SidebarReportsItemRow:link, .SidebarReportsItemRow:visited,.SidebarWorkspaceHeader-workspaceName,
.SidebarItemRow, .SidebarItemRow:link, .SidebarItemRow:visited,.SidebarInvite {
    color: #000000;
}

/* Change Sidebar Invite your team color */
.InverseSecondaryButton.AbstractThemeableRectangularButton {
    border-color: #5d5d5d;
    color: #5f5f5f;
}

You should have layout like this:

If you need to alter the color, simply change the hex code (#xxxxxx) with anything you like.

I hope this trick help you.

5 Likes

Leonarce trick is perfect, however I would add: if you decide to change the style, then you won’t get any update from Asana, and that might break the design in some cases, just be aware.

1 Like

Nice workaround @Leonarce, thanks for sharing it!

2 Likes

Ah yes, you’re right. But at the moment I believe this is the fastest workaround and the css code only change the color, so I hope it won’t break the layout or design.

1 Like

For sure, I just don’t want people to come back later complaining about their page being broken because they used a hack :stuck_out_tongue:

2 Likes

I totally agree! I hate the depressing black.

2 Likes

Hey @Marie Any news on this? I came here to post pretty much the same thing. I’d love to lighten up my asana. Plus, the personalization makes it feel more like a tool I actually want to use.

4 Likes

Just another voice chiming in that I would love to see this option implemented. I have astigmatism which makes reading light text on dark backgrounds really difficult sometimes (halos/blurry etc). One in three people have some form of astigmatism, so this isn’t an uncommon problem. Love the app but definitely hoping this can be included in the near future!

1 Like

Just here to echo this. The option to change the colour of the side panel seems like such a basic thing (especially since the ability to change the background of some views is already available). It would help those who don’t like it, those with astigmatism (noted above), and those with other sight impairments that make it very challenging to use. I am currently looking at other PM platforms that allow me a bit more customization in changing the visuals to help me actually be able to navigate the system better. I love everything else about Asana, but with my struggle to use the black side bar makes it challenging enough I am considering another platform.

1 Like

I also would like the black changed - I thought it was just me but it’s seriously kinda hard for me to focus because I am such a visual person and the black feels harsh and is a bit distracting.

1 Like

@anon60628157, @Becky_Steenblik, @Jennifer_Cote, @Katie_Gala, @Shannon_Webb, @Sherin_Ahmed_Ali, I actually like the black, but I do agree that it would be helpful to have the flexibility of easily changing it via a built-in setting. People have differing preferences regarding color, look and feel, and many would change it from time to time if the option was present. It’s little visual customizations like this that help people to feel at home when using an app. I would likely change my sidebar color from time to time as well, just for some variety. Thanks for the great ideas to keep Asana getting better and better.:+1:

1 Like

I completely agree with Annie and everyone else who commented on this. The black sidebar is depressing, hard to read and seems like it should be an easy feature to give users.

Yes give us at least a white version. I can’t stand the black

A quick update to all that the new sidebar is now available in a Light theme instead of just Dark.
From your avatar/profile > My Settings > Display > Theme set to ‘Light’ > Sidebar & topbar color
:bulb: you cannot set the sidebar to Light if your ‘Theme’ is set to Dark.

More information on this update here:

1 Like