Asana - Dark Cobalt

Added by S. Baker@userstyles, Created: Mar 11, 2016, Updated: Oct 26, 2016
  • With the style applied
  • Live project example
  • Custom theme example


Less blinding light!

Included is the ability to customize the theme.

I recommend choosing a color palette with matching light and dark tones when changing colors.

More info
NOTE: Asana does weird things sometimes with stylesheets. If you see issues on first page load, disabling and re-enabling the style should fix it.

When new features are added, you may need to reinstall due to the customization options (they have to be overwritten or added).

This is developed primarily for Chrome browsers.

10/26/16 -- Fixed some background colors in custom fields and hover menus.
10/11/16 -- Things seem to be back to normal. Stylish working again.
09/23/16 -- Fixed :hover box shadow and border color on task items. Fixed some button colors.
09/20/16 -- Updated small pixel-line of background leak at the bottom of the screen.
09/09/16 -- Fixed some nav link coloring and icons.
08/31/16 -- FYI: Asana team doing A/B testing or something; constantly shifting project formats. If something is broken in the variant you have, I may not be aware.
08/25/16 -- Fixed the star denoting 'today' in the calendar.
08/25/16 -- More React fixes. Removed annoying trailing border on last item of rows.
08/24/16 -- Added a light gradient to sections to help with differentiating between section and task line items. Various fixes for React changes.
08/23/16 -- Fixed task divider border styling, hover styling, focused styling.
08/22/16 -- Asana team deployed some changes to task rendering. Everything seems to work fine. Feel free to send me a message if you find broken stuff. Fixed subtask text color.
08/10/16 -- Fixed task deleted/replaced text's background color so it's legible.
08/09/16 -- Task completed fill now uses 'task_completed' as gradient color.
08/08/16 -- Fixed 'New Project' dialog box.
08/03/16 -- Archive button now takes background color of task_hover.
08/02/16 -- Added options to control task and section divider styles (dotted or solid), new scrollbar color.
08/01/16 -- Updated task and section dividers, added color options for dividers, new task hover border.
07/26/16 -- Renamed theme.
07/21/16 -- New task drag-and-drop location styling -- fixed as of 8/22/16.
07/13/16 -- Hotfix for React changes (you may need to completely reinstall).
07/11/16 -- New default color scheme and standardized colors/naming convention.
07/08/16 -- Fixed actor link colors in archive and task pane task:hover, fixed black text in some menus.
07/05/16 -- Updated 'Add Members' menu styling, left navbar pane can now be colorized.
06/27/16 -- Layout updates, new advanced search style, subtask pane fixes, minified CSS, customize your theme.
06/21/16 -- Updated some white things when selecting multiple tasks.
06/08/16 -- Fixed black hyperlinks within inbox.
06/02/16 -- Updated :hover colors for some nav elements (easier to read).
05/31/16 -- Fixed some subtask issues.
05/16/16 -- Fixed white text input box in task pane (again).
05/11/16 -- Update to :hover for task lists in inbox.
05/10/16 -- Fixed white text input box in task pane.

You should to add comment and rate the style.


+ Create discussion

Applies to:
CC0 1.0 Universal.
S. Baker@userstyles has waived all copyright and related or neighboring rights to Asana - Dark Cobalt, to the extent allowed by law.

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.