Skip to content

Instantly share code, notes, and snippets.

@opatut
Created October 10, 2017 12:38
Show Gist options
  • Save opatut/3ea8a274155303839bc62cb862680a71 to your computer and use it in GitHub Desktop.
Save opatut/3ea8a274155303839bc62cb862680a71 to your computer and use it in GitHub Desktop.
userstyle for asana
#asana_main {
background-image: linear-gradient(to bottom, #f6f8f9, #A2F4DF);
background: #333;
box-shadow: 0 0 6px #222 inset;
}
.Sidebar {
background: #2a2e46;
background: #222;
}
.SidebarHeader-asanaLogo {
margin-bottom: 10px;
}
.SidebarTeamSettingsMenu-button {
margin-right: 24px;
}
.SidebarTeamMembersList-facepileRow {
position: absolute;
right: 0;
top: 15px;
opacity: 0;
}
.SidebarTeamMembersList-facepileRow:hover,
.SidebarTeamMembership-droppableTeamHeader:hover + * .SidebarTeamMembersList-facepileRow {
opacity: 1;
}
.CircularButton.SidebarTeamMembersList-addButton {
width: 16px;
height: 16px;
line-height: 18px;
}
.CircularButton.SidebarTeamMembersList-addButton .Icon {
width: 12px;
height: 12px;
}
.SidebarTeamMembersList-facepile,
/* .SidebarTeamMembersList + .NavigationLink, */
.SidebarTeamMembersList + * + .NavigationLink {
display: none;
}
.BoardColumnHeader-title {
color: #FFF;
}
.SidebarItemRow {
margin-bottom: 6px;
margin: 3px;
height: 24px;
border-left-width: 0;
padding-left: 6px;
border-radius: 200px;
}
.SidebarItemRow:before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 6px;
border-radius: 100px;
}
.SidebarItemRow.SidebarItemRow--colorRed:before { background-color: #e8384f }
.SidebarItemRow.SidebarItemRow--colorOrange:before { background-color: #fd612c }
.SidebarItemRow.SidebarItemRow--colorYellowOrange:before { background-color: #fd9a00 }
.SidebarItemRow.SidebarItemRow--colorYellow:before { background-color: #eec300 }
.SidebarItemRow.SidebarItemRow--colorYellowGreen:before { background-color: #a4cf30 }
.SidebarItemRow.SidebarItemRow--colorGreen:before { background-color: #62d26f }
.SidebarItemRow.SidebarItemRow--colorBlueGreen:before { background-color: #37c5ab }
.SidebarItemRow.SidebarItemRow--colorAqua:before { background-color: #20aaea }
.SidebarItemRow.SidebarItemRow--colorBlue:before { background-color: #4186e0 }
.SidebarItemRow.SidebarItemRow--colorIndigo:before { background-color: #7a6ff0 }
.SidebarItemRow.SidebarItemRow--colorPurple:before { background-color: #aa62e3 }
.SidebarItemRow.SidebarItemRow--colorMagenta:before { background-color: #e362e3 }
.SidebarItemRow.SidebarItemRow--colorHotPink:before { background-color: #ea4e9d }
.SidebarItemRow.SidebarItemRow--colorPink:before { background-color: #fc91ad }
.SidebarItemRow.SidebarItemRow--colorCoolGray:before { background-color: #8da3a6 }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment