Dark Asana Style with Less Elements

1-main.css

/* Dark theme */
/* Source Sans Pro,Lato,apple-system, */
.CustomPropertyHeader-fieldHeading--highlighted .CustomPropertyHeader-fieldName {
  color: #fff;
}

.TeamOverview-inner, .TeamOverview-scrollable {
  background: #222;
}

.ItemListHelpText {
  display: none;
}

.ItemListEmptyLines {
  height: 500px;
}

.StatusUpdateDisplay-author {
  color: #14aaf5;
}

.ConversationBody-titleLink, .ConversationBody-authorLink {
  color: #fff;
}

.StatusBadge.StatusBadge--red {
  color: #f00;
}
.StatusBadge.StatusBadge--yellow {
  color: #ff0;
}
.StatusBadge.StatusBadge--green {
  color: #0f0;
}

.TypeaheadCreateItem {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.bar-row .bar_input_span, .bar-row .task-row-text-input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.itemRowView-potToken {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#asana_main > div.asanaView-bodyContainer > div.asanaView-body {
  background: #202020;
}
#asana_main > div.asanaView-bodyContainer > div.asanaView-body > div:nth-child(1), #asana_main > div.asanaView-bodyContainer > div.asanaView-body > div:nth-child(4) {
  background: #202020;
}
#asana_main > div.remix-topbar {
  background: #202020;
}
#asana_main > div.remix-topbar > div {
  background: #202020;
}
#asana_main > div.remix-topbar > div.react-mount-node > div > div {
  background: #202020;
}

#center_pane__contents > div > div > div.loading-boundary.hidden > div > div, #grid > tbody, .PageHeaderCollapsedStructure, .Topbar, .layerContext, body {
  background: #202020;
}

.QuickResponses, .QuickResponses-moreButton.FormElementButton, .QuickResponses-suggestionButton.FormElementButton, .QuickResponses-suggestionButtons, .TextEditorToolbar {
  display: none;
}

.Dialog-headerTitle, .MultiTaskTitleRow-titleText, .PageHeaderCollapsedStructure-title, .SectionRow-sectionName, .ancestor-link, .bar-row .bar_input_span, .details-pane-title .header-name, .dismissable-overlay, .full-width-header .header-name, .grid_due_date.overdue, .itemRowView-potToken, .navigationDockDomainView-teamSectionHeader-label, .navigationDockItemView-label, .new-project-text, .notification-header .notification-title, .react-mount-node .textInput, .team-header, .team-name navigationDockTeamView-teamName, body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.TaskGroupHeader-content:hover .TaskGroupHeader-arrow.triangleIcon, .borderless-button:hover {
  fill: #065a84;
}

#asana_main > div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium {
  color: #fff;
}
#asana_main > div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium > div.full-width-header-center > div > ul > li:nth-child(1) > a, #asana_main > div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium > div.full-width-header-left-side-elements > div.center-pane-header-row-view.textarea-title-view {
  color: #fff;
}
#asana_main > div.full-width-header.full-width-header--expanded.full-width-header-sideElements--medium > div.full-width-header-center > div.tab-nav-div > ul > li > a {
  color: #fff;
}

#details_pane_title_row > div.details-pane-title > span > div, #details_property_sheet_title, #grid > tbody, #grid_views_select > span > span, #property_sheet\:details_property_sheet_field\:description, .detailsFollowersLabel, .gridCell-stringContainer, .react-mount-node .dropdownMenuOption-label {
  color: #fff;
}

.task-row-text-input {
  color: #fff;
}
.task-row-text-input.override-focus-border {
  color: #fff;
}
.task-row-text-input.override-focus-border.override-hover-border {
  color: #fff;
}

.TopbarPlaceholder-searchBox:focus, .TopbarSearch-input:focus {
  animation: none;
}

.TypeaheadItem-title {
  color: #14aaf5;
}

.TypeaheadItemStructure--enabled {
  background: #303030;
  border-bottom: 1px solid #424242;
}

.TypeaheadCreateItem {
  background: 0 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.TypeaheadCreateItem.TypeaheadCreateItem--highlighted {
  background: #065a84;
  color: #fefefe;
  fill: #fefefe;
}

.TypeaheadItemStructure--enabled.TypeaheadItemStructure--highlighted {
  background: #065a84;
  color: #fefefe;
  fill: #fefefe;
}

.GutterContainer::before, .TaskRow::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
}

#asana_main > div.full-width-header.full-width-header--expanded.full-width-header-sideElements--medium {
  background: #212121;
  color: #fff;
}
#asana_main > div.full-width-header.full-width-header--expanded.full-width-header-sideElements--medium > div.full-width-header-center {
  background: #212121;
  color: #fff;
}
#asana_main > div.full-width-header.full-width-header--expanded.full-width-header-sideElements--medium > div.full-width-header-center > div.center-pane-header-row-view.textarea-title-view {
  background: #212121;
  color: #fff;
}

.full-width-header .center-pane-header-row-view {
  background-color: #212121 !important;
}
.full-width-header.full-width-header--compact {
  background-color: #212121 !important;
}
.full-width-header.full-width-header--compact .center-pane-header-row-view, .full-width-header.full-width-header--compact .full-width-header-left-side-elements {
  background-color: #212121 !important;
}
.full-width-header.full-width-header--expanded {
  background-color: #212121 !important;
}
.full-width-header.full-width-header--expanded .center-pane-title {
  background-color: #212121 !important;
}

.nothing-selected, .tab-nav-div .tab-nav-bar.tab-nav-bar-center {
  background-color: #212121 !important;
}

.InboxPlaceholder-StoryTitle {
  background: #212121;
}

.task-row-overlay {
  background: 0;
}

.GridScroller-scrollable, .gridCell-stringContainer > .task-row-overlay.grid-tags-and-date, .known-list--withRowNumberGutter .columnView-leftGutter, .react-mount-node .DeprecatedButtonSelect-menu, .task-row-overlay.grid-tags-and-date {
  background: #212121;
}

#Flags.enable_no_flexbox_in_grid .grid-uncompact .grid-row-selected:not(.focused) > td .grid-custom-fields, #Flags.enable_no_flexbox_in_grid .grid-uncompact .grid-row-selected:not(.focused) > td .grid-tags-and-date {
  background: 0;
}
#Flags.enable_no_flexbox_in_grid .grid-uncompact .grid_pseudorow_no_prioritized:not(.recently-changed) .grid-custom-fields, #Flags.enable_no_flexbox_in_grid .grid-uncompact .grid_pseudorow_no_prioritized:not(.recently-changed) .grid-tags-and-date {
  background: 0;
}
#Flags.enable_no_flexbox_in_grid .grid-uncompact .task-row:not(.recently-changed) .grid-custom-fields, #Flags.enable_no_flexbox_in_grid .grid-uncompact .task-row:not(.recently-changed) .grid-tags-and-date {
  background: 0;
}

.PageHeaderStructureLoading--compact, .TaskGroupHeader--showZipper .TaskGroupHeader-content {
  background: 0;
}

.TaskGroupHeader.TaskGroupHeader--showZipper::before {
  background: 0;
  border-bottom: 0;
}

.TaskGroupHeader-arrow.triangleIcon {
  height: 16px;
  width: 16px;
  color: #fff;
  fill: #e2e2e2;
}

#center_pane__contents, #details_pane_header > div.toolbar.details-pane-top.details-pane-toolbar.toolbar-no-grad {
  background: #212121;
}

#right_pane__contents > div > div > div.sticky-view-placeholder, #right_pane__contents > div > div > div:nth-child(3) {
  background: #212121;
}
#right_pane__contents > div > div > div:nth-child(6) {
  background: #212121;
}
#right_pane__contents > div > div > div:nth-child(6) > div.property.description.taskDetailsView-description {
  background: #212121;
}

#Flags.enable_no_flexbox_in_grid .grid-uncompact .grid-row-selected:not(.focused) > td {
  background: #424242;
}

#details_pane_footer > div {
  background: #424242;
}
#details_pane_footer > div > div.loading-boundary.hidden > div, #details_pane_footer > div > div:nth-child(2) > div.property.followers_du.details-followers.detailsFollowers-withFacepileLabel {
  background: #424242;
}

.TaskFollowers {
  background: #424242;
}

.react-mount-node .Button.Button--secondary {
  background: #424242;
}
.react-mount-node .Button.Button--secondary:not(.Button--disabled) {
  background: #424242;
}

#details_pane_footer {
  background: #424242;
  margin: 0;
}

#right_pane, #right_pane__contents > div > div > div.sticky-view-placeholder > div, .GridHeaderWithCustomProperties {
  background: #212121;
}

.empty-filtertext, .tokenAreaView {
  background: 0;
}

.Button.Button--disabled.Button--primary {
  background: #303030;
  border: 1px solid #303030;
}

.CircularButton.CircularButton--enabled:hover, .HeartButton-button--withThumbsUp .CircularToggleButton-pulse {
  background-color: #14aaf5;
  border-color: #fefefe;
  box-shadow: 0 0 0 3px #065a84;
  color: #fefefe;
  fill: #fefefe;
}

#asana_main > div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium {
  background: #212121;
}
#asana_main > div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium > div.full-width-header-left-side-elements > div.center-pane-header-row-view.textarea-title-view {
  background: #212121;
}

#right_pane__contents {
  background: #212121;
}

.full-width-header.full-width-header--compact {
  background: #212121;
}
.full-width-header.full-width-header--compact .center-pane-header-row-view, .full-width-header.full-width-header--compact .full-width-header-left-side-elements {
  background: #212121;
}

.nothing-selected {
  background: #212121;
}

.drop-indicator, .expandable, .full-width-header .header-name, .group_header .drop-indicator .expandable, .itemListGroupView-zipper {
  color: #fff;
}

.react-mount-node .topbar-myTasksButton.is-selected, .react-mount-node .topbar-notificationsButton.is-selected {
  color: #fff;
}

.tab-nav-div .tab-nav-bar .tab-nav-button.is-selected {
  color: #fff;
}

.potColor-background--NONE {
  color: #212121;
}

.blockStoryView-body, .redesign-assigned-to-container .token_name, .redesign-due-date-container .token_name {
  color: #fff;
}

.blockStoryView-actorLink, .hiddenLink, .taskCompletedStoryView .blockStoryView-actorLink {
  color: #14aaf5 !important;
  font-weight: normal;
}

.blockStoryView-actorLink:hover {
  color: #8ed6fa;
}

.notificationView-iconAvatar.is-assignedToYou {
  background: #065a84;
}

#asana_main > div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium, .Topbar, .react-mount-node .topbar {
  border-bottom: 1px solid #424242;
}

#center_pane__contents > div > div > div.loading-boundary.hidden > div > div {
  background: #212121;
  border-top-left-radius: 5px;
}

.itemListInboxThreadView-listName, .notification-header .notification-title, .referenced-task-row-view .referenced-task-row-view-name, .team-page .navigationDockItemView-label {
  color: #fff;
}

.referenced-task-row-view {
  background: #212121;
  border-color: #424242;
}

.itemListInboxThreadView-notification .selected.story .referenced-task-row-view {
  background: #424242;
}

.inboxThreadView-archiveButton {
  color: #14aaf5;
  fill: #065a84;
}

.inboxThreadView-unarchiveButton {
  color: #14aaf5;
  fill: #065a84;
}
.inboxThreadView-unarchiveButton:hover {
  background: #065a84;
  color: #fff;
  fill: #e2e2e2;
}

.inbox .inbox-link-row:hover {
  background: 0;
}

.inboxThreadView.is-selectable.has-selectedNotification, .inboxThreadView.is-selectable:hover {
  background: 0;
}

.referenced-task-row-view:hover {
  background: #065a84;
}

.team-page-projects {
  background: 0;
}

.remix-topbar #nav_search_input {
  background: #212121;
  color: #8ed6fa;
}

.conversations .team-feed-conversation-wrapper, .message-composer-form .composer-input-wrap.expanded .menu-bar, .team-feed-conversation .conversation-reply-message, .teamFeedView-emptyStateCard, .ProjectProgress {
  background: #212121;
}

.message-view .comment-text, .message-view .subject-link {
  color: #fff;
}

.teamFeedView-emailTip, .teamFeedView-emptyStateMessage {
  color: #fff;
}

.MessageBanner--default {
  background-color: #14aaf5;
  color: #fff;
}
.MessageBanner--default a {
  color: #212121;
  font-weight: 600;
}

.TaskPrivacyBanner-toggleForcePublicLink:focus, .TaskPrivacyBanner-toggleForcePublicLink:hover {
  border-bottom: 1px solid #e2e2e2;
  color: #fff;
  fill: #e2e2e2;
  text-decoration: none;
}

.TaskPrivacyBanner-whyTooltip:focus, .TaskPrivacyBanner-whyTooltip:hover {
  border-bottom: 1px solid #e2e2e2;
  color: #fff;
  fill: #e2e2e2;
  text-decoration: none;
}

.message-composer-form:not(.expanded).always-show-post-button .menu-bar {
  background: #424242;
  color: #fff;
}

#center_pane__contents > div > div > div.team-feed > div > div.conversations > div > div > div.form.message-composer-form.conversation-reply-message.message-composer-small > div.form-row.input-row > div.body > div {
  background: #212121;
  color: #fff;
}

.message-composer-form .composer-input-wrap .composer-placeholder, .message-composer-form:not(.expanded).always-show-post-button .composer-placeholder {
  color: #fff;
}

.team-feed .conversation-message.expanded.message-composer-form .composer-input-wrap.expanded .autogrow-textarea .hypertext-input, .team-feed-conversation .conversation-reply-message.message-composer-form .composer-input-wrap.expanded .autogrow-textarea .hypertext-input {
  color: #fff;
}

.message-composer-big .composer-input-wrap .conversation-composer, .message-composer-big .composer-input-wrap .placeholder-content {
  background: #424242;
}

.message-composer-form:not(.expanded).always-show-post-button .composer-placeholder, .team-feed .conversation-message.expanded.message-composer-form .composer-input-wrap.expanded .autogrow-textarea .hypertext-input {
  background: #212121;
}

.dropdown .dropdown-menu {
  background: #424242;
  color: #fff;
}

.advanced-search-footer-row .advanced-search-footer-text, .dropdown-menu-item-label {
  color: #fff;
}

.selected > .advanced-search-footer-row .advanced-search-footer, .selected > .advanced-search-footer-row .advanced-search-footer-text, .selected > .advanced-search-footer-row .customize {
  color: #fff;
}

#nav_search_list_sections_view_footer {
  background: #424242;
}

.dropdown {
  background: #424242;
}
.dropdown .menu-widget.title {
  color: #fff;
}

.grid-compact .grid_due_date:not(.due_soon):not(.overdue), .grid-uncompact .grid_due_date:not(.due_soon):not(.overdue), .grid_due_date, .message-composer-form .message-composer-followers, .search-row .search-row-contents, .storyCreatorWidget-creatorLink, .topbar-settingsMenuButton span {
  color: #fff;
}

.menuItem-button:hover {
  background-color: #14aaf5;
  color: #fff;
  fill: #e2e2e2;
  text-decoration: none;
}

.TaskProjectSectionInfo-noSectionDropdown.is-dropdownVisible > .TaskProjectSectionInfo-dropdownArrow {
  fill: #065a84;
}

.DatePickerCalendar-nextMonthIcon, .DatePickerCalendar-prevMonthIcon, .DropdownItem-disclosureIcon, .advanced-search-footer-row .search-row-icon, .menuItem-selectedIcon {
  fill: #e2e2e2;
}

.react-mount-node .menuSubmenuItem-disclosureIcon, .react-mount-node svg:not(:root) polygon {
  fill: #e2e2e2;
}

#right_pane_container {
  background: #212121;
}

#center_pane__contents, #right_pane__contents {
  border-top-left-radius: 8px;
}

#right_pane_container #center_pane, #right_pane_container #right_pane {
  border-top-left-radius: 8px;
}
#right_pane_container #center_pane, #right_pane_container #right_pane {
  background: 0;
}

.known-list #center_pane, .known-list #right_pane {
  background: 0;
}

.full-width-header.full-width-header--compact .header-name.read-only, .full-width-header.full-width-header--expanded .header-name.read-only {
  color: #fff;
}

#asana_main > div.full-width-header.full-width-header--compact.full-width-header-sideElements--large {
  border-bottom: 1px solid #424242;
}

.full-width-header .center-pane-header-row-view {
  background: #212121;
}
.full-width-header.full-width-header--expanded {
  background: #212121;
}
.full-width-header.full-width-header--expanded .full-width-header-center {
  background: #212121;
}

.notifications #center_pane, .notifications #right_pane {
  background: #212121;
}

.grid-row-selected .gridCell-interiorRowContainer {
  background: #424242;
}

.grid-uncompact #grid .grid-row-selected:not(.focused) > td {
  background: #424242;
}
.grid-uncompact #grid .grid-row-selected:not(.focused) > td .grid-custom-fields, .grid-uncompact #grid .grid-row-selected:not(.focused) > td .grid-tags-and-date {
  background: #424242;
}

.itemRow.itemRow--highlighted.PotTaskRow.PotTaskRow--highlighted, .taskCheckboxNodeView.circularToggleButtonView--toggledOn .circularToggleButtonView-button {
  background: #424242;
}

.Tab--isSelected, .Tab:hover {
  color: #8ed6fa;
}

.action-link, .details-pane-title .header-name.read-only, .feed-story-follow:hover, .grid_cell_boolean, .search-typeahead .item-label, .selfFollowToggleView:hover, .tab-nav-div .tab-nav-bar .tab-nav-button:not(.disabled).is-selected {
  color: #fff;
}

.asset-thumbnail .asset-thumbnail-image:hover {
  border: 1px solid #8ed6fa;
}

.detailsModalView, .grid-cell, .grid_cell_boolean, .grid_cell_schedule, .grid_cell_show_details {
  background: #212121;
}

.privacy-content, .taskPrivacyHeaderView-togglePrivacyLink, div.taskPrivacyHeaderView.privacy-info {
  color: #fff;
  background: #424242;
}

.grid-uncompact #grid .grid-row-selected + .task-row:not(:hover):not(.focused) .grid_cell_boolean {
  background: 0;
}
.grid-uncompact #grid .grid_pseudorow_no_prioritized:not(.recently-changed) .grid-custom-fields, .grid-uncompact #grid .grid_pseudorow_no_prioritized:not(.recently-changed) .grid-tags-and-date {
  background: 0;
}
.grid-uncompact #grid .task-row:not(.recently-changed) .grid-custom-fields, .grid-uncompact #grid .task-row:not(.recently-changed) .grid-tags-and-date {
  background: 0;
}

.grid_cell_schedule .schedule-status-dropdown {
  background: 0;
}

.details-maximized {
  background: #212121;
}

.referencedTaskRowView-checkbox.grid_cell_boolean, .taskDetailsView-description .autogrow-textarea {
  background: 0;
}

.selfFollowToggleView.is-following:hover .selfFollowToggleView-text, .tab-nav-div .tab-nav-bar .tab-nav-button:not(.disabled):hover {
  color: #8ed6fa;
}

.priority.task-row.new_tasks_group.grid-row-selected .grid-cell.grid_cell_boolean.taskRowView-completionCell, .priority.task-row.new_tasks_group.grid-row-selected .grid_cell_boolean.taskRowView-completionCell, .priority.task-row.new_tasks_group.grid-row-selected.in-assigned-to-me-new-task.taskRow--willCollapse {
  background: #424242;
}

.advanced-search-view, .react-mount-node .lunaUiDropdown {
  background: #212121;
}

.advanced-search-view .search-by-another-field.dropdown-menu-link, .hotkey-hinted-string span {
  color: #fff;
}

.small-feed-story-group {
  color: #fff;
}
.small-feed-story-group a.storyCreatorWidget-creatorLink {
  color: #fff;
}

.DueDateInput-inputContainer input, .tab-nav-div .tab-nav-bar .tab-nav-button:not(.disabled) {
  color: #bcbfc2;
}

.react-mount-node .menuItem-selectedIcon {
  color: #8ed6fa;
}

.PotTypeaheadItem, .advanced-search-footer {
  color: #fff;
}

.advanced-search-view a, .advanced-search-view div, .advanced-search-view li, .advanced-search-view span, .advanced-search-view ul {
  color: #fff;
}

.blockStoryView-metadata, .projectOverviewView-headerTitle {
  color: #fff;
}

a.NavigationLink.topbar-myTasksButton, a.NavigationLink.topbar-notificationsButton {
  color: #fff;
}

.DatePickerCalendar-day:hover .DatePickerCalendar-dayBackground, .buttonView.buttonView--toggle.is-active {
  background: #8ed6fa;
  color: #fff;
}

.calendar-task-background-fullscreen-filler {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #212121;
}

.calendar-toolbar {
  background-color: #303030;
}

.cal-row.cal-row-week .cal-col-today:not(.cal-col-project-due) .date .calendar-today-star-icon {
  fill: #065a84;
}
.cal-row.cal-row-week .cal-col-month:not(.cal-col-project-due) .cal-col-inner {
  border-top-color: #777;
}

.arrow-zipper, .grid-compact #grid .task-row div, .label.arrowZipperView-label, .priority.bar-row.no-group.grid-row-selected {
  background: 0;
}

div.dropdown-anchor.omnibutton > a > svg > polygon {
  fill: #e2e2e2;
}

.DeprecatedDueDateInput, .react-mount-node .topbar-myDashboardButton.is-selected, .redesign-due-date-container .property.value-set {
  color: #14aaf5;
}

a.NavigationLink.topbar-myTasksButton.is-selected, a.NavigationLink.topbar-notificationsButton.is-selected {
  color: #14aaf5;
}

.checkbox-text, .label.arrowZipperView-label {
  color: #fff;
}

.menu a, .menu div, .menu li, .menu span, .menu ul {
  color: #fff;
}

.react-mount-node .dialog div, .react-mount-node .dialog li {
  color: #fff;
}
.react-mount-node .newProjectDialogContent-label {
  color: #fff;
}

.FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled):focus, .FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled):hover {
  border-color: #fff;
  box-shadow: 0 0 0 3px #065a84;
  color: #14aaf5;
}
.FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled).FormElementButton--active {
  background: #303030;
  border: 1px solid #424242;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  color: #777;
  fill: #303030;
}

.DeprecatedDropdownContainer, .DropdownItem.is-highlighted, .grid-uncompact #grid .grid-row-selected.focused > td {
  background: #065a84;
}

.priority.task-row.no-group.grid-row-selected {
  background: #424242;
}
.priority.task-row.no-group.grid-row-selected.taskRow--willCollapse {
  background: #424242;
}

.circularToggleButtonView.circularToggleButtonView--toggledOn.circularToggleButtonView--recentlyToggled.taskCheckboxNodeView > div, .detailsTitle-checkmarkButton.circularToggleButtonView--toggledOn .circularToggleButtonView-button, .grid-compact #grid .task-row div.circularToggleButtonView.circularToggleButtonView--toggledOn.taskCheckboxNodeView > div, .grid-row-selected:not(.focused) .taskCheckboxNodeView.circularToggleButtonView--toggledOn .circularToggleButtonView-button, .taskCheckboxNodeView.circularToggleButtonView--toggledOn .circularToggleButtonView-button {
  background: #065a84;
}

.detailsTitle-checkmarkButton.circularToggleButtonView--toggledOn .circularToggleButtonView-button:hover, .react-mount-node .BoardAddCardButton.Button--primary, .taskCompletedStoryView-avatar, .taskInboxThreadView-icon.is-completed {
  background: #8ed6fa;
}

.detailsTitle-checkmarkButton.circularToggleButtonView--toggledOn .circularToggleButtonView-button, .taskCheckboxNodeView.circularToggleButtonView--toggledOn .circularToggleButtonView-button, .taskCompletedStoryView-avatar, .taskInboxThreadView-icon.is-completed {
  border-color: #14aaf5;
}

.menu-submenu-expand-arrow, .svgIcon.dropdownMenuItem-selectedIcon {
  fill: #8ed6fa;
}

.react-mount-node .dialog {
  background: #424242;
  min-height: 400px;
}
.react-mount-node .dialog a {
  color: #8ed6fa;
}
.react-mount-node .dialog input, .react-mount-node .dialog textarea {
  color: #212121;
}

.group_header .drop-indicator .expandable svg, svg.svgIcon.arrowZipperView-rightIcon {
  fill: #e2e2e2;
}

.arrow-zipper.arrowZipperView, .arrow-zipper:hover {
  border: 0;
  background: 0;
}

.itemRow.itemRow--highlighted.sectionRow.sectionRow--highlighted, div.property.followers_du.details-followers.detailsFollowers-withFacepileLabel {
  background: 0;
}

#Flags:not(.enable_inbox_typography_update) .itemInboxThreadView-token.potColor-text--NONE, .inboxToolbar .inbox-archive-all-button {
  color: #fff;
}

.members-dropdown-member-list a, .members-dropdown-member-list div, .members-dropdown-member-list li, .members-dropdown-member-list ul {
  color: #fff;
}

.projectMembersSummaryView {
  color: #fff;
}
.projectMembersSummaryView a {
  color: #fff;
}

#left_pane, #navigation_dock_body, .navigationDockTeamBrowserView--expanded, .navigationDockTeamView--collapsed + .navigationDockTeamView--expanded {
  background: #212121;
  border-right: 1px solid #424242;
}

.navigationDockTeamView--expanded + .navigationDockTeamView--collapsed, .navigationDockTeamView--expanded + .navigationDockTeamView--expanded {
  background: #212121;
  border-right: 1px solid #424242;
}

.navigationDockTeamView:first-of-type, .react-mount-node .Sidebar {
  background: #212121;
  border-right: 1px solid #424242;
}

#navigation_dock, .navigationDockBrowseTeamView:hover, .navigationDockItemView:hover {
  background: #424242;
}

.react-mount-node .SidebarDefaultSearchRow:hover, .react-mount-node .SidebarItemRow.is-selected {
  background: #424242;
}

#navigation_dock a, #navigation_dock div, #navigation_dock li, #navigation_dock ul {
  color: #a2b4bc;
}

.navigationDockItemView.selected:not(:hover), .react-mount-node .itemRow.itemRow--focused {
  background: #065a84;
}

.details-pane-project-overview .project-overview-section:last-child, .project-overview-section {
  background: #424242;
}

.details-pane-project-overview .section-header, .inboxView-empty-header, .inboxView-empty-subheader {
  color: #fff;
}

.project-description.always-expanded .autogrow-textarea .hypertext-input {
  color: #fff;
}
.project-description .more-link.visible {
  background: 0;
}

.project-overview .project-overview-section {
  background: #303030;
}

.status-update-composer .project-status-message-composer .composer-input-wrap {
  border: 1px solid #424242;
}

.message-composer-form .composer-input-wrap {
  background-color: #212121;
}

.chart-container {
  opacity: 0.5;
  background-color: #303030;
  padding-top: 10px;
  padding-left: 10px;
}

.highcharts-container {
  width: 100% !important;
}

#center_pane_container {
  -webkit-transition: margin-left 0.15s ease-out, width 0.15s ease-out;
  transition: margin-left 0.1s ease-out, width 0.1s ease-out;
}

.switch-view .switch.checked {
  background-color: #14aaf5;
  border-color: #14aaf5;
}

.TopbarSearchTypeahead-advancedItem {
  background-color: #303030 !important;
  color: #fff !important;
}

.TypeaheadItem-subtitle {
  color: #fff !important;
}

.Omnibutton, .TopbarPlaceholder-omnibutton, .omnibutton {
  background: #065a84 !important;
  -webkit-transition: 0.1s transform;
  transition: 0.1s transform;
}

.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete {
  color: #fff;
  fill: #e2e2e2;
  background: #065a84;
  box-shadow: 0 0 0 3px #065a84;
  border-color: #14aaf5;
}
.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:hover, .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(.TaskRowCompletionStatus-checkbox--disabled):hover {
  color: #fff;
  fill: #e2e2e2;
  background: #065a84;
  box-shadow: 0 0 0 3px #065a84;
  border-color: #14aaf5;
}

.detailsTitle-checkmarkButton.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, .itemListInboxThreadView-notification .selected.story .referenced-task-row-view .referencedTaskRowView-checkButton:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button {
  color: #fff;
  fill: #e2e2e2;
  background: #065a84;
  box-shadow: 0 0 0 3px #065a84;
  border-color: #14aaf5;
}

.react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOff .CircularButton--enabled:hover, .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--incomplete:hover {
  color: #fff;
  fill: #e2e2e2;
  background: #065a84;
  box-shadow: 0 0 0 3px #065a84;
  border-color: #14aaf5;
}

.taskCheckboxNodeView.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, .taskCheckboxNodeView:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button {
  color: #fff;
  fill: #e2e2e2;
  background: #065a84;
  box-shadow: 0 0 0 3px #065a84;
  border-color: #14aaf5;
}

.TaskRowCompletionStatus-checkbox {
  background: 0 0;
  border: 1px solid #303030;
}

.FormElementButton.FormElementButton--dynamic:not(.FormElementButton--disabled):focus, .FormElementButton.FormElementButton--dynamic:not(.FormElementButton--disabled):hover {
  background-color: #424242;
  border-color: #424242;
  border-style: solid;
  color: #222b37;
  fill: #222b37;
}

.gridCell-stringContainer .task-row-overlay.grid-tags-and-date, .react-mount-node .sectionRow {
  background: 0;
}

.members-dropdown-notification-checkbox-option .projectMembersDropdown-notificationCheckbox-text, .person-card-view .person-info .name {
  color: #fff;
}

.react-mount-node .DueDate--future, .react-mount-node .MiniStory-actor, .react-mount-node svg:not(:root) polygon {
  color: #fff;
}

.taskName.PotTaskRow-taskName, .userTypeaheadView-nameAndIcon {
  color: #fff;
}

.taskPrivacyHeaderView.privacy-warning {
  background: #424242;
}

.react-mount-node .sectionRow-sectionName .taskName-input {
  color: #fff;
  box-shadow: inset 0 -1px #424242;
}

.lunaui-grid-center-pane-container #center_pane {
  background: 0;
  border-right: none;
}
.lunaui-grid-center-pane-container#center_pane_container {
  max-width: none;
}

.SectionRow-sectionName .TaskName-input {
  box-shadow: none;
}

.SectionRow, .react-mount-node .sectionRow {
  background: 0;
  border-top: 0;
  border-bottom: 1px solid #303030;
}

.SectionRow-sectionName {
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  box-shadow: none;
}

.is-hoveringAbove {
  border-top: 2px dotted #065a84;
}

.is-hoveringBelow {
  border-bottom: 2px dotted #065a84;
}

.react-mount-node .BlockStory-metadata, .react-mount-node .MiniStory, .react-mount-node .MiniStory-timestamp {
  color: #bcbfc2;
}

.grid-uncompact #grid .grid_cell_assignee, .grid-uncompact #grid .grid_cell_boolean, .grid-uncompact #grid .grid_cell_schedule, .grid-uncompact #grid .grid_cell_string {
  border-top: 1px dotted #424242;
}

tr .search_ordered .task-row .no-group .gridrow-selected .focused .completed {
  border: none;
}

.react-mount-node .PotTaskRow::after {
  border-bottom: 1px dotted #8ed6fa;
}

.grid-uncompact #grid .bar-row:hover .grid_cell_show_details, .grid-uncompact #grid .bar-row:hover > td {
  border-bottom: 1px solid #065a84;
  border-top: 1px solid #065a84;
}
.grid-uncompact #grid .grid_pseudorow_no_prioritized:hover .grid_cell_show_details, .grid-uncompact #grid .grid_pseudorow_no_prioritized:hover > td {
  border-bottom: 1px solid #065a84;
  border-top: 1px solid #065a84;
}
.grid-uncompact #grid .task-row:hover .grid_cell_show_details, .grid-uncompact #grid .task-row:hover > td {
  border-bottom: 1px solid #065a84;
  border-top: 1px solid #065a84;
}
.grid-uncompact #grid .bar-row:hover .grid_cell_drag_handle, .grid-uncompact #grid .task-row:hover .grid_cell_drag_handle {
  border-left: 1px solid #065a84;
}
.grid-uncompact #grid .bar-row:hover .grid_cell_show_details, .grid-uncompact #grid .task-row:hover .grid_cell_show_details {
  border-right: 1px solid #065a84;
}

#right_pane_view_caret::before {
  border: 0;
  background: #8ed6fa;
}

.DatePickerCalendar-day.is-today, .inboxThreadView-archiveButton:hover, .message-composer-big .composer-input-wrap .conversation-composer, .message-composer-form:not(.expanded).always-show-post-button .composer-placeholder {
  background: #212121;
}

right_pane {
  -webkit-transition: width 0.1s ease-out;
  transition: width 0.1s ease-out;
}

.archive-button-label polygon {
  fill: #e2e2e2;
}

#compose_conversation_subject, .teamFeedView-emailLink {
  color: #fff;
}

.calendar-center-pane-container .floatingSelectView-label {
  color: #a2b4bc;
}

.project-overview-center-pane-container .person-card-view .person-info .name, .project-overview-center-pane-container .project-due-date.unset .placeholder-text {
  color: #a2b4bc;
}

.react-mount-node .DeprecatedButtonSelect-label {
  color: #a2b4bc;
}

.tab-nav-div .tab-nav-bar .tab-nav-button:not(.disabled).is-selected, .tab-nav-div .tab-nav-bar .tab-nav-button:not(.disabled):hover {
  box-shadow: inset 0 -3px #065a84;
  -moz-box-shadow: inset 0 -3px #065a84;
  -webkit-box-shadow: inset 0 -3px #065a84;
}

.react-mount-node .newProjectForm {
  background: #424242;
}

#navigation_dock div {
  color: #fff;
}

.react-mount-node .newProjectForm-label {
  color: #fff;
}
.react-mount-node .newProjectForm-privacyIcon {
  fill: #e2e2e2;
}

.navigationDockSectionHeaderView-label {
  color: #a2b4bc;
}

.grid-compact #grid .recently-changed.grid_pseudorow_no_prioritized .gridCell-compactRowContainer, .grid-compact #grid .recently-changed.grid_pseudorow_no_prioritized .gridCell-singleRowContainer {
  background-image: linear-gradient(to right, #065a84, #065a84 33%, #065a84 83%, #e2e2e2);
}
.grid-compact #grid .recently-changed.referencedTaskRowView.grid_pseudorow_no_prioritized {
  background-image: linear-gradient(to right, #065a84, #065a84 33%, #065a84 83%, #e2e2e2);
}
.grid-compact #grid .task-row.recently-changed .gridCell-compactRowContainer, .grid-compact #grid .task-row.recently-changed .gridCell-singleRowContainer, .grid-compact #grid .task-row.recently-changed.referencedTaskRowView {
  background-image: linear-gradient(to right, #065a84, #065a84 33%, #065a84 83%, #e2e2e2);
}
.grid-compact #grid .task-row.taskRowView--recentlyCompleted.completed.taskRow--willCollapse {
  background-image: linear-gradient(to right, #065a84, #065a84 33%, #065a84 83%, #e2e2e2);
}
.grid-compact #grid .taskRowView--recentlyCompleted.completed.taskRow--willCollapse.grid_pseudorow_no_prioritized {
  background-image: linear-gradient(to right, #065a84, #065a84 33%, #065a84 83%, #e2e2e2);
}

.referenced-task-row-view.recently-changed .gridCell-compactRowContainer, .referenced-task-row-view.recently-changed .gridCell-singleRowContainer, .referenced-task-row-view.recently-changed.referencedTaskRowView {
  background-image: linear-gradient(to right, #065a84, #065a84 33%, #065a84 83%, #e2e2e2);
}
.referenced-task-row-view.taskRowView--recentlyCompleted.completed.taskRow--willCollapse {
  background-image: linear-gradient(to right, #065a84, #065a84 33%, #065a84 83%, #e2e2e2);
}

@-webkit-keyframes background-to-green-completion {
  0% {
    background-color: #8ed6fa;
  }
  100%, 33% {
    background-color: #14aaf5;
  }
}
@-moz-keyframes background-to-green-completion {
  0% {
    background-color: #8ed6fa;
  }
  100%, 33% {
    background-color: #14aaf5;
  }
}
@keyframes background-to-green-completion {
  0% {
    background-color: #8ed6fa;
  }
  100%, 33% {
    background-color: #14aaf5;
  }
}
.react-mount-node .menuSubmenuItem.is-highlighted, .task-description-changed-story .diff-delete {
  background: #065a84;
}

.react-mount-node .taskName-autogrowTextarea .autogrowTextarea-input {
  color: #fff;
}
.react-mount-node .sectionRow-sectionName.taskName-autogrowTextarea {
  box-shadow: inset 0 -1px #424242;
}
.react-mount-node .itemRow.itemRow--highlighted {
  background: #065a84;
  border-bottom: 1px solid #065a84;
  box-shadow: 0 -1px #065a84;
}
.react-mount-node .itemRow.itemRow--focused {
  box-shadow: none;
}
.react-mount-node .sectionRow {
  box-shadow: none;
}
.react-mount-node .itemRow:hover {
  box-shadow: none;
  border-color: #14aaf5;
}
.react-mount-node .itemRow:hover:not(.itemRow--disabled) {
  box-shadow: none;
  border-color: #14aaf5;
}

.list-section-items .item-label {
  color: #fff;
}

.react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--complete, .taskRowCompletionStatus-checkIcon .react-mount-node svg:not(:root) polygon {
  color: #fff;
  fill: #e2e2e2;
  background: #065a84;
  border-color: #14aaf5;
}

.react-mount-node .BlockStory-storyContent .icon, .react-mount-node svg:not(:root) polygon {
  color: #fff;
  fill: #e2e2e2;
}

.icon.StarFullIcon.DatePickerCalendar-todayIcon polygon, .icon.XIcon.WaitingOnBanner-removeButton polygon {
  color: #14aaf5;
  fill: #065a84;
}

.react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink, .react-mount-node .dropdownMenuOption-checkIcon {
  color: #14aaf5;
  fill: #065a84;
}

.Dialog {
  color: #fff;
}

.react-mount-node .dialog-header .CustomPropertyProjectSettingsDialog-title, .react-mount-node .topbar-myDashboardButton {
  color: #fff;
}

.guest-icon, .react-mount-node .DropdownItem-disclosureIcon {
  fill: #8ed6fa;
}

#asana_ui {
  background: #212121;
}

.dropdownMenuOption-button.CustomPropertyTypeDropdown-option {
  background: #424242;
}

.Dialog-header {
  border-bottom: 1px solid #424242;
}

.Dialog {
  background: #212121;
}

.Dialog-headerTitle {
  color: #14aaf5;
}

.AddAttachmentsMenuItem, .burnup-settings-section-label, .item.selectable.static {
  color: #fff;
  line-height: 1.5em;
}

.react-mount-node .BlockStory-storyContent, .react-mount-node .Board--hasViewMenu .BoardColumnHeader-title, .react-mount-node .BoardBody-columnInBoardWithViewMenu .BoardColumnHeader-title, .react-mount-node .DatePickerCalendar-dayButton, .react-mount-node .FloatingSelect {
  color: #fff;
  line-height: 1.5em;
}
.react-mount-node .PotTaskRow--completed .PotTaskRow-dueDate .DueDate, .react-mount-node .PotTaskRow--completed .PotTaskRow-dueDate .DueDate--future, .react-mount-node .PotTaskRow--completed .PotTaskRow-dueDate .DueDate--past, .react-mount-node .PotTaskRow--completed .PotTaskRow-dueDate .DueDate--soon {
  color: #fff;
  line-height: 1.5em;
}
.react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-input, .react-mount-node .TaskDescription-textEditor .ql-editor, .react-mount-node .dialog div, .react-mount-node .lunaui-label, .react-mount-node .truncatedRichText-richText, .react-mount-node textarea {
  color: #fff;
  line-height: 1.5em;
}
.react-mount-node .CircularButton, .react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-input, .react-mount-node .TaskFollowers, .react-mount-node .TaskTags-tokenizer, .react-mount-node .TokenButton-icon, .react-mount-node .TokenizerInput-input {
  background: 0;
}
.react-mount-node .CompletionCheckbox .CircularToggleButton .CircularToggleButton-pulse, .react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOn .CircularButton {
  border-color: #14aaf5;
  background: #065a84;
}
.react-mount-node .TaskCompletedBlockStory-icon, .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--complete.taskRowCompletionStatus--taskRowSelected {
  border-color: #14aaf5;
  background: #065a84;
}

.taskIconWidget--complete {
  border-color: #14aaf5;
  background: #065a84;
}

.circularToggleButtonView.circularToggleButtonView--toggledOn.circularToggleButtonView--recentlyToggled.taskCheckboxNodeView > div, .taskCompletedStoryView-avatar, .taskInboxThreadView-icon.is-completed {
  background: #065a84;
}

.detailsPaneProjectTokenizerView-token.detailsPaneProjectTokenizerView-token-multihome:hover {
  background: 0;
}

.react-mount-node .CircularButton.CircularButton--enabled:hover, .react-mount-node .TaskProjectsMultihome-project:hover {
  background: 0;
}
.react-mount-node .PotTaskRow::before, .react-mount-node .TaskRow::before, .react-mount-node .subtaskTaskRow::before {
  background-image: none;
}
.react-mount-node .DatePickerCalendar-day.is-adjacentMonth, .react-mount-node .TokenizerInput-input {
  background: #424242;
  color: #fff;
}
.react-mount-node .DatePickerCalendar-dayButton:hover {
  background: #065a84;
  color: #fff;
}
.react-mount-node .DatePickerCalendar-dayButton.is-selected {
  background: #8ed6fa;
  color: #fff;
}
.react-mount-node .dropdownMenuItem-button {
  background: #8ed6fa;
  color: #fff;
}
.react-mount-node .AssigneeToken-tokenButton, .react-mount-node .AssigneeToken-userNameLabel, .react-mount-node .DueDateToken-label {
  color: #fff;
}
.react-mount-node .CustomPropertyDetailsRowStructure-label {
  color: #777;
}

.CustomPropertyDetailsRowStructure-label {
  color: #666;
}

.TokenButton {
  background: #303030;
  color: #fff;
  fill: #303030;
  border: 1px solid transparent;
}
.TokenButton.TokenButton--interactive:hover {
  background-color: #14aaf5;
  border: 1px solid transparent;
  color: #f2f2f2 !important;
  fill: #fefefe;
}

.TokenButton--interactive:hover > .TokenButton-icon {
  background-color: #424242;
  border: 1px solid #14aaf5;
  fill: #14aaf5;
}

.TokenButton.TokenButton--hasValue {
  color: #fff;
  font-weight: normal;
}

.Button.Button--secondary:not(.Button--disabled) {
  background: #424242 !important;
}

.react-mount-node .RecurrenceView, .react-mount-node .TaskAttachments-fileName, .react-mount-node .nativeFloatingSelect {
  color: #8ed6fa;
}

.TaskAttachments-uploadProgress {
  background-color: #424242;
}

.react-mount-node .DueDateToken-repeatIcon {
  fill: #8ed6fa;
  background: 0;
}

.details-pane-footer, .details-pane-title-rows-container.sticky-view-stuck, .details-pane-toolbar, .feedView-activitySeparator {
  border-color: #424242;
}

.inbox .inbox-link-row {
  border-color: #424242;
}
.inbox .inbox-link-row:hover {
  border-color: #424242;
}

.inboxThreadView {
  border-color: #424242;
}
.inboxThreadView.is-selectable.has-selectedNotification {
  border-color: #424242;
}

.inboxToolbar {
  border-color: #424242;
}

.react-mount-node .SingleTaskPane-footer, .react-mount-node .SingleTaskPaneToolbar, .react-mount-node .StoryFeed-separator, .react-mount-node .TaskFollowers {
  border-color: #424242;
}

.taskAttachmentsView.has-attachments ~ .property.comments .taskFeedView-feed, .taskDetailsView-description {
  border-color: #424242;
}

.SingleTaskPanePlaceholder-toolbar, .SingleTaskPaneToolbar {
  margin: 0;
}

.followerDividerLine {
  background-color: #424242;
}

.react-mount-node .CustomPropertyDetailsContainer {
  border-bottom: 1px solid #424242;
  border-top: 1px solid #424242;
}

.TaskRow--completed .taskName.TaskRow-taskName div, .TaskRow--completed .taskName.TaskRow-taskName textarea {
  color: #bcbfc2;
}

.itemListInboxThreadView-notifications:before {
  -webkit-box-shadow: 0 0 0 1px #424242;
  box-shadow: 0 0 0 1px #424242;
}

.referenced-task-row-view:hover .referencedTaskRowView-checkButton:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button {
  border-color: #14aaf5;
  background: #065a84;
  -webkit-box-shadow: 0 0 0 3px #065a84;
  box-shadow: 0 0 0 3px #065a84;
  color: #fff;
  fill: #e2e2e2;
}

.react-mount-node .CustomPropertyEnumPreviewCell .Pill.Pill--small {
  background: #424242;
  color: #fff;
}

.ButtonSelect-label, .GridFilterSection-label {
  color: #fff;
}

.react-mount-node .CustomPropertyGenericPreviewCell .CustomPropertyGenericPreviewCell-value, .react-mount-node .CustomPropertyNumberPreviewCell .CustomPropertyNumberPreviewCell-value {
  color: #fff;
}
.react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton div, .react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton li, .react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton path, .react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton span, .react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton svg {
  color: #fff;
  fill: #e2e2e2;
}
.react-mount-node .DeprecatedButtonSelect-downIcon {
  color: #fff;
  fill: #e2e2e2;
}
.react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton {
  background: #065a84;
}
.react-mount-node .BoardAddCardButton.Button--primary:active:not(.Button--disabled), .react-mount-node .BoardAddCardButton.Button--primary:hover:not(.Button--disabled) {
  background: #424242;
}
.react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton .dropdownMenu-item .CustomPropertyProtoTypeaheadHeader {
  background: #424242;
}

.numberedTaskList {
  background: #212121;
}

.react-mount-node .GridScroller-scrollable--hasGutter, .react-mount-node .SingleTaskPane-body, .react-mount-node .SingleTaskPane-footer, .react-mount-node .menu {
  background: #212121;
}

.SingleTaskPane-body {
  padding: 0 10px;
}

.PageHeaderStructure {
  background: 0;
}

.react-mount-node .SidebarItemRow:hover {
  background: #065a84;
  border-color: #14aaf5;
  box-shadow: inset 1px 0 0 1px #065a84;
  -moz-box-shadow: inset 1px 0 0 1px #065a84;
  -webkit-box-shadow: inset 1px 0 0 1px #065a84;
}

.DatePickerCalendarDate--adjacentMonth, .DatePickerCalendarDate--weekend {
  background: #424242;
}

.Dropdown {
  background: #424242;
  border: 1px solid #424242;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
}

.SingleTaskPane-projects .textInput.textInput--medium, .TaskProjects-projects .TaskProjectsMultihome-projects .textInput.textInput--medium, .TaskProjectsMultihome-typeaheadContainer .textInput.textInput--medium {
  color: #8ed6fa;
}

.menuItem--disabled:hover {
  color: #fff;
  background: #bcbfc2;
}

.GridHeader {
  background: #212121;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.FloatingSelect:focus, .FloatingSelect:hover {
  border-bottom: 1px solid #065a84;
  color: #14aaf5;
  fill: #065a84;
  text-decoration: none;
}

.Button.Button--secondary:not(.Button--disabled) {
  border-color: #303030;
  color: #fff;
  fill: #424242;
}
.Button.Button--secondary:not(.Button--disabled):focus, .Button.Button--secondary:not(.Button--disabled):hover {
  border-color: #14aaf5;
  box-shadow: none;
  color: #fff;
  background-color: #14aaf5;
  fill: #e2e2e2;
}

.CustomPropertyEnumEditablePreviewCell:hover {
  background-color: #424242;
  border: 0;
}

.FormElementButton.FormElementButton--dynamic:not(.FormElementButton--disabled).FormElementButton--active, .FormElementButton.FormElementButton--dynamic:not(.FormElementButton--disabled):active {
  background: #424242;
  border: 1px solid #065a84;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  color: #14aaf5;
  fill: #065a84;
}

.ButtonSelect-item:not(.menuItem--disabled).is-highlighted, .ButtonSelect-item:not(.menuItem--disabled):hover {
  background: #065a84;
  color: #fff;
  fill: #065a84;
  text-decoration: none;
}

.dropdown {
  border: 1px solid #424242;
}

.FakeSearchGridRow, .ItemRow, .PotGridBodyPlaceholder-itemRow {
  padding: 1px 30px;
  border-top: 1px solid #303030;
}

:focus {
  outline: #303030 5px;
}

.TaskRow::before {
  background-image: none;
  opacity: 1;
  right: -20%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  border-bottom: 0 solid #303030;
}
.TaskRow:not(.TaskRow--borderless)::after {
  border-bottom: none;
}

.GutterContainer::before {
  background-color: #212121;
  border-right: 1px solid #212121;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.CommentComposer {
  background: #212121;
  border: 1px solid #424242;
}
.CommentComposer.CommentComposer--isFocused {
  border-color: #424242;
  background: #303030;
  box-shadow: inset 0 1px #424242;
  animation: none;
}

.TaskCommentComposer-composer {
  border: 1px solid #424242;
  padding: 0 9px;
  background: #303030;
  color: #fff;
}

.TaskCommentComposer.is-focused .TaskCommentComposer-composer {
  -webkit-animation: none;
  animation: none;
  border-color: #424242;
  box-shadow: inset 0 1px #424242;
  outline: 0;
}

.TaskCommentComposer-toolbar {
  box-shadow: inset 0 1px #777;
  margin-bottom: -51px;
  padding: 10px;
  text-align: right;
  -webkit-transition: margin-bottom 10ms;
  transition: margin-bottom 10ms;
}

.Button.Button--primary:not(.Button--disabled) {
  background: #065a84;
  border-color: #14aaf5;
  color: #fff;
  fill: #e2e2e2;
}

.TaskFollowers-toggleButtonIcon, .dragHandle:hover {
  fill: #065a84;
}

.TaskFollowers-toggleText {
  border-bottom: 1px dotted #065a84;
  color: #14aaf5;
  fill: #065a84;
}

.Card, .CardButton, .ConversationsPlaceholder-composer, .ConversationsPlaceholder-conversation {
  background: #303030;
  color: #fff;
}

.TaskProjectToken.TaskProjectToken--isEditable:hover {
  background-color: #303030;
}

.MessageBanner--important {
  background-color: #303030;
  color: #fff;
}

.TypeaheadItem.TypeaheadItem--highlighted {
  background: #065a84;
}

.TypeaheadItem-title {
  font-weight: normal;
}

.TokenButton.TokenButton--interactive:hover {
  cursor: pointer;
  box-shadow: 0 0 0 0;
  background: #008;
}

.Tab.Tab--isSelected {
  box-shadow: inset 0 -3px #065a84;
}

body {
  font-size: 1.1em;
  color: #fff;
}

#itemListGroupView-zipper {
  font-weight: 100;
}

.details-pane-title .header-name, .notification-header .notification-title {
  font-weight: 600;
  font-size: 1.3em;
}

.itemRowView-potToken {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.bar-row .bar_input_span {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.bar-row .task-row-text-input {
  font-family: FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
}

.full-width-header .header-name, .grid_due_date.overdue {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.CustomPropertyTextValueInput .autogrowTextarea-input, .CustomPropertyTextValueInput .autogrowTextarea-shadow {
  font-family: FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.taskDetailsView-description .autogrow-textarea {
  font-family: FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.grid_due_date.overdue {
  font-weight: 600;
}

.CustomPropertyTextValueInput .autogrowTextarea-input, .CustomPropertyTextValueInput .autogrowTextarea-shadow {
  max-height: 110%;
  max-width: 98%;
}

.taskDetailsView-description .autogrow-textarea {
  font-size: 0.95em;
}

.navigationDockDomainView-teamSectionHeader-label, .navigationDockItemView-label, .team-header, .team-name navigationDockTeamView-teamName {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.drag_target {
  min-height: 35px;
}

.list-item navigationDockItemView potColor potColor-leftBorder--NONE selected {
  height: 40px;
}

.navigationDockItemView-label {
  font-weight: 400;
  font-size: 0.85em;
  line-height: 48px;
}

.navigationDockDomainView-teamSectionHeader-label {
  font-weight: normal;
}

.new-project-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-weight: Bold;
}

.multiline {
  font-family: FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 1em;
}

.react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-input, .react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-shadow {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 1.6em;
}

.BoardCard-name, .BoardColumnHeader-title, .Pill.Pill--small, .Token, .detailsPaneProjectTokenizerView-token .luna1Token--pill, .grid-tags-and-date .grid_due_date, .group_header .drop-indicator .expandable, .itemInboxThreadView-token {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.react-mount-node .Pill.Pill--large, .react-mount-node .ProjectOverviewSection-header, .react-mount-node .Tokenizer, .react-mount-node .sectionRow-sectionName {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.richText, .tagTokenSource-tagLabel--pill, .taskTagsView-tokenArea .tokenView {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.RichText, .autogrowTextarea-shadow, .react-mount-node .textInput, .simpleTextarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.Pill.Pill--colorNone {
  background-color: #777 !important;
  color: #212121;
}

.detailsPaneProjectTokenizerView-token .luna1Token--pill {
  font-weight: 500;
}

#navigation_dock {
  width: 215px;
}

.group_header .drop-indicator .expandable {
  font-weight: normal;
}

.BoardColumnHeader-title, .dismissable-overlay {
  font-weight: 500;
}

.textEditor-container .ql-editor {
  font-size: 1.1em;
}

.react-mount-node .Tokenizer {
  font-size: 1em !important;
}
.react-mount-node .Pill.Pill--large {
  font-size: 0.9em;
}
.react-mount-node .sectionRow-sectionName {
  background-color: #eb8181 !important;
}

.grid-tags-and-date .grid_due_date {
  font-size: 0.8em;
}

.grid_due_date.due_soon {
  color: #0c0;
  font-weight: normal;
}

.simpleTextarea.simpleTextarea--dynamic:focus {
  border-color: #424242;
}

textarea:active:not(.override-hover-border):not([disabled]), textarea:hover:not(.override-hover-border):not([disabled]) {
  border-color: #424242 !important;
}

.StoryFeed .BlockStory, .autogrowTextarea-shadow {
  border: 1px solid #424242;
}

.react-mount-node .autogrowTextarea-input, .react-mount-node .autogrowTextarea-shadow {
  overflow: auto;
}

.StoryFeed {
  overflow-y: auto;
  overflow-x: hidden;
}

.scrollable--vertical {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 1px;
}

.react-mount-node .MiniStory {
  color: #777;
  line-height: 1.6em;
}

.BlockStory-actorLink:hover {
  color: #14aaf5;
}

.MiniStory a {
  color: #14aaf5;
  font-weight: normal;
}

.react-mount-node .BlockStory-metadata {
  color: #fcfcfc;
  font-style: italic;
}

.StoryFeed .BlockStory {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #303030;
}

.BlockStory-body, .BlockStory-header {
  padding-right: 10px;
}

.BlockStory-body a {
  color: #fff;
  text-decoration: underline;
}

.BlockStory-icon {
  padding-left: 10px;
}

.MiniHeartButton {
  color: #fff;
  fill: #e2e2e2;
}

.MiniHeartButton--withThumbsUp:hover, .miniHeartButtonView--withThumbsUp.is-hearted {
  color: #14aaf5;
  fill: #065a84;
}

.MiniHeartButton.MiniHeartButton--hearted {
  font-weight: 900;
  font-family: FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.HeartButton-button--withThumbsUp.CircularToggleButton--toggledOff .CircularButton--enabled:focus, .HeartButton-button--withThumbsUp.CircularToggleButton--toggledOff .CircularButton--enabled:hover {
  box-shadow: 0 0 0 3px #065a84;
  color: #14aaf5;
  fill: #fefefe;
  border-color: #14aaf5;
}

.CircularButton {
  fill: #777;
  color: #777;
}
.CircularButton.CircularButton--enabled:active {
  background-color: #14aaf5;
  border: 1px solid #065a84;
  box-shadow: inset 0 1px #065a84;
  fill: #e2e2e2;
}
.CircularButton.CircularButton--enabled:hover {
  background-color: #14aaf5 !important;
  border-color: #14aaf5;
  fill: #fefefe;
}
.CircularButton:focus {
  background-color: #14aaf5;
  border-color: #14aaf5;
  box-shadow: 0 0 0 3px #065a84;
  color: #14aaf5;
  fill: #e2e2e2;
  outline: 0;
}

.ButtonSelect-downIcon {
  fill: #777;
}

.ButtonSelect:hover:not(.ButtonSelect--disabled) .ButtonSelect-downIcon {
  fill: #777;
}
.ButtonSelect.is-dropdownVisible .ButtonSelect-downIcon, .ButtonSelect.is-dropdownVisible:hover .ButtonSelect-downIcon {
  fill: #065a84;
}

.FeedBlockStory-actionsDropdownIcon {
  fill: #e2e2e2;
  right: 30px;
  top: 50px;
  color: #fff;
  visibility: hidden;
}

.textInput:focus {
  box-shadow: none;
}

.generic-input.focused:not(.override-focus-border), .generic-input.recurly-hosted-field-focus:not(.override-focus-border), .generic-input:focus:not(.override-focus-border) {
  box-shadow: none;
  animation: none;
}

.recurly .recurly-hosted-field.focused:not(.override-focus-border), .recurly .recurly-hosted-field.recurly-hosted-field-focus:not(.override-focus-border), .recurly .recurly-hosted-field:focus:not(.override-focus-border) {
  box-shadow: none;
  animation: none;
}
.recurly input[type=text].focused:not(.override-focus-border), .recurly input[type=text].recurly-hosted-field-focus:not(.override-focus-border), .recurly input[type=text]:focus:not(.override-focus-border) {
  box-shadow: none;
  animation: none;
}

textarea.focused:not(.override-focus-border), textarea.recurly-hosted-field-focus:not(.override-focus-border), textarea:focus:not(.override-focus-border) {
  box-shadow: none;
  animation: none;
}

.generic-input.showing.focused:not(.override-focus-border), .generic-input.showing.recurly-hosted-field-focus:not(.override-focus-border), .generic-input.showing:focus:not(.override-focus-border) {
  border: 1px solid #424242 !important;
  background-color: #303030;
  box-shadow: none;
  animation: none;
}

.recurly .recurly-hosted-field.showing.focused:not(.override-focus-border), .recurly .recurly-hosted-field.showing.recurly-hosted-field-focus:not(.override-focus-border) {
  border: 1px solid #424242 !important;
  background-color: #303030;
  box-shadow: none;
  animation: none;
}
.recurly input[type=text].showing.focused:not(.override-focus-border), .recurly input[type=text].showing.recurly-hosted-field-focus:not(.override-focus-border) {
  border: 1px solid #424242 !important;
  background-color: #303030;
  box-shadow: none;
  animation: none;
}

textarea.showing.focused:not(.override-focus-border), textarea.showing.recurly-hosted-field-focus:not(.override-focus-border), textarea.showing:focus:not(.override-focus-border) {
  border: 1px solid #424242 !important;
  background-color: #303030;
  box-shadow: none;
  animation: none;
}

.FeedBlockStory-actionsDropdownIcon.is-dropdownVisible, .FeedBlockStory-actionsDropdownIcon:hover {
  fill: #065a84;
  visibility: visible;
}

.react-mount-node .textInput {
  font-weight: 400;
  font-size: 0.9em;
}

.code, .hypertext-input code {
  font-size: 0.9em;
}

.react-mount-node .CustomPropertyDetailsRowStructure-label, .react-mount-node .CustomPropertyMetadataTitleRow, .react-mount-node .CustomPropertyProtoRow-description, .react-mount-node .CustomPropertyProtoRow-name, .react-mount-node .dialog-headerTitle {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.react-mount-node .sectionRow-sectionName.taskName-autogrowTextarea .autogrowTextarea-input, .react-mount-node .sectionRow-sectionName.taskName-autogrowTextarea .autogrowTextarea-shadow {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.react-mount-node .textEditor-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.react-mount-node .CustomPropertyDetailsRowStructure-label {
  font-weight: 600;
}

.CustomPropertyDetailsRowStructure-label {
  font-size: 10px;
}

.react-mount-node .dropdownMenu {
  max-width: 350px;
  min-width: 215px;
}
.react-mount-node .dropdownMenu.is-submenu {
  min-width: 350px;
}

.tab-nav-div .tab-nav-bar .tab-nav-button {
  font-weight: 500;
}

.CustomPropertyDetailsRowStructure-label, .DeprecatedButtonSelect-label {
  font-weight: 600;
}

.react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-input, .react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-shadow {
  font-weight: 600;
}

.GridTaskList {
  font-size: 1em;
}

.hypertext-input code {
  font-family: FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.MultiTaskTitleRow-titleText, .TaskGroupHeader-content, .TeamList-description, .TeamList-header, .TeamRow-members, .TeamRow-name, .TeamRow-type, .buttonView.buttonView--primary, .dialog--nux-content .title, .dialog2 .header .title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.buttonView.buttonView--secondary:not(.is-disabled) {
  background: #303030;
  border-color: #424242;
  color: #fefefe;
  fill: #303030;
}
.buttonView.buttonView--secondary:not(.is-disabled):hover {
  background-color: #14aaf5;
  border-color: #14aaf5;
  border-style: solid;
  color: #fefefe;
  fill: #065a84;
}

.MultiTaskTitleRow-titleText {
  color: #fff;
  font-weight: 600;
}

.autogrowTextarea-input {
  height: 100%;
}

.TaskName-input, .TaskName-shadow {
  text-rendering: optimizeLegibility;
}

.CustomPropertyDetailsContainer {
  padding-left: 0;
}

.StoryFeed-miniStory {
  margin-left: 0;
}

.taskDetailsView-customPropertyDetailsContainer {
  margin-left: 10px;
}

.TaskPremiumFeaturesSection:not(:empty) {
  padding: 5px 0;
  border-bottom: 0;
  border-top: 0;
}

.details-pane-title .header-name {
  font-size: 18px;
}

a {
  color: #14aaf5;
  text-decoration: none;
}

.DatePicker {
  color: #fff;
  background: #212121;
}

.Popover--light > .Popover-body {
  color: #fff;
  background: #212121;
  border: 1px solid #424242;
}

.Popover-body {
  background: #212121;
}

.Popover--light .Popover-caret::before {
  background: #212121;
  border: 1px solid #424242;
}

.DatePicker-calendar, .DatePickerCalendar-weekdayHeaders {
  border-bottom: 1px solid #424242;
}

.DatePickerCalendarDate--oneDaySelection.DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground {
  background: #065a84;
}

.DatePickerCalendarDate--today {
  color: #14aaf5;
  font-weight: 900;
}

.react-mount-node .DatePicker, .react-mount-node .TimeSelect-menu, .react-mount-node .dropdown-anchoredElement.dropdown--alignLeft {
  background: #212121;
}
.react-mount-node .textInput {
  background-color: #212121;
  border-color: #424242;
}

.AssigneeToken-multiAssignButton {
  background: #212121;
  fill: #e2e2e2;
}

.Topbar-navButton {
  border-right: 1px solid #424242;
  fill: #848f99;
}
.Topbar-navButton:hover {
  background: #065a84;
  fill: #212121;
}

a:focus, a:hover {
  color: #8ed6fa;
  text-decoration: underline;
}

.TaskGroupHeader-content {
  color: #999;
  font-weight: 600;
}

.TaskGroupHeader--collapsible .TaskGroupHeader-content:hover {
  color: #14aaf5;
}

.dialog2 {
  background-color: #212121;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  font-size: 13px;
  color: #fff;
}
.dialog2 .header {
  border-bottom: 1px solid #424242;
}
.dialog2 .header .title {
  color: #fff;
  font-weight: 600;
}

.tab.selected {
  box-shadow: inset 0 -3px #065a84;
  color: #fff;
}

.tab-view {
  border-bottom: 0;
}

a.tabView-tabName:hover {
  color: #14aaf5;
}

.TeamRow-members, .TeamRow-name, .TeamRow-type {
  color: #fff;
}

input {
  color: #fff;
  background-color: #303030;
  border-color: #424242;
}

.generic-input.showing {
  border: 1px solid #424242;
  color: #fff;
}

.recurly .recurly-hosted-field.showing, .recurly input[type=text].showing {
  border: 1px solid #424242;
  color: #fff;
}

textarea.showing {
  border: 1px solid #424242;
  color: #fff;
}

.TeamList-description {
  color: #706070;
}

.TeamList-header {
  font-weight: normal;
  color: #14aaf5;
}

.buttonSelectView-button {
  border-color: #424242;
  color: #fff;
}

.orgs-admin-form .form-row .admins-field-value .value a {
  font-weight: 500;
  color: #fff;
}

.buttonView.buttonView--secondary {
  background: #212121;
  border-color: #14aaf5;
  color: #fff;
  fill: #065a84;
}
.buttonView.buttonView--secondary:focus, .buttonView.buttonView--secondary:hover {
  border-color: transparent;
  box-shadow: inset 0 0 transparent, 0 0 0 3px #065a84;
  color: #fff;
  fill: #065a84;
  background: #065a84;
}

.dropdown .dropdown-menu .item.hovered:not(.disabled), .dropdown .dropdown-menu .item:hover:not(.disabled) {
  background-color: #14aaf5;
  color: #fff;
}
.dropdown .dropdown-menu .menu-item.hovered:not(.disabled), .dropdown .dropdown-menu .menu-item:hover:not(.disabled) {
  background-color: #14aaf5;
  color: #fff;
}

.TeamRow-editLink:focus, .TeamRow-editLink:hover {
  border-bottom: 1px solid #065a84;
  color: #14aaf5;
  fill: #065a84;
}

#cal_container {
  background: #212121;
}

.cal-row.cal-row-week .cal-col-today:not(.cal-col-project-due) .cal-col-inner {
  background: #303030;
}
.cal-row.cal-row-week .cal-col-inner {
  border-top: 4px solid #424242;
}
.cal-row.cal-row-month-almost-bottom:not(.cal-col-today), .cal-row.cal-row-month-bottom .prev-month-day:not(.cal-col-today) {
  background-color: transparent;
  background-image: none;
}

.TokenButton-removeButton {
  box-shadow: none;
}

.RemoveButton {
  background: #065a84;
  fill: #e2e2e2;
}
.RemoveButton:hover {
  background: #eb8181;
}

.dialog--nux {
  background: #212121;
}

.dialog--nux-content {
  background-color: #303030;
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  line-height: 1.5;
}
.dialog--nux-content .title {
  color: #14aaf5;
  font-size: 36px;
  font-weight: 400;
}

.form-input input, .form-input select, .form-input textarea {
  background-color: #212121;
  border: 1px solid #424242;
  border-radius: 3px;
  color: #fff;
}

.buttonView.buttonView--primary {
  background: #065a84;
  border-color: #14aaf5;
  color: #fff;
}
.buttonView.buttonView--primary:focus, .buttonView.buttonView--primary:hover {
  background: #065a84;
  border-color: #8ed6fa;
  box-shadow: inset 0 0 transparent, 0 0 0 1px #8ed6fa;
}

.NumberedTaskList-number {
  font-family: FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #666;
  padding-top: 1px;
  padding-bottom: 1px;
}

.Pill.Pill--colorNone.Pill--clickable:hover {
  background-color: #e0e6e8;
}
.Pill.Pill--colorRed {
  background-color: #e8384f;
}
.Pill.Pill--colorRed.Pill--deuteranopia {
  background-color: #e8384f;
}
.Pill.Pill--colorRed.Pill--clickable:hover {
  background-color: #ed6677;
}
.Pill.Pill--colorRed.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #ed6677;
}
.Pill.Pill--colorOrange {
  background-color: #fd612c;
}
.Pill.Pill--colorOrange.Pill--deuteranopia {
  background-color: #fd817d;
}
.Pill.Pill--colorOrange.Pill--clickable:hover {
  background-color: #fd875f;
}
.Pill.Pill--colorOrange.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #feb2af;
}
.Pill.Pill--colorYellowOrange {
  background-color: #fd9a00;
}
.Pill.Pill--colorYellowOrange.Pill--deuteranopia {
  background-color: #fdae33;
}
.Pill.Pill--colorYellowOrange.Pill--clickable:hover {
  background-color: #ffae31;
}
.Pill.Pill--colorYellowOrange.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #fdc266;
}
.Pill.Pill--colorYellow {
  background-color: #eec300;
}
.Pill.Pill--colorYellow.Pill--deuteranopia {
  background-color: #eecc16;
}
.Pill.Pill--colorYellow.Pill--clickable:hover {
  background-color: #ffd722;
}
.Pill.Pill--colorYellow.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #f1d646;
}
.Pill.Pill--colorYellowGreen {
  background-color: #a4cf30;
}
.Pill.Pill--colorYellowGreen.Pill--deuteranopia {
  background-color: #a4c61a;
}
.Pill.Pill--colorYellowGreen.Pill--clickable:hover {
  background-color: #b6d959;
}
.Pill.Pill--colorYellowGreen.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #c0e42f;
}
.Pill.Pill--colorGreen {
  background-color: #62d26f;
}
.Pill.Pill--colorGreen.Pill--deuteranopia {
  background-color: #62bb35;
}
.Pill.Pill--colorGreen.Pill--clickable:hover {
  background-color: #8add93;
}
.Pill.Pill--colorGreen.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #7dcf54;
}
.Pill.Pill--colorBlueGreen {
  background-color: #37c5ab;
}
.Pill.Pill--colorBlueGreen.Pill--deuteranopia {
  background-color: #37a862;
}
.Pill.Pill--colorBlueGreen.Pill--clickable:hover {
  background-color: #5dd2bc;
}
.Pill.Pill--colorBlueGreen.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #4dc57b;
}
.Pill.Pill--colorAqua {
  background-color: #20aaea;
}
.Pill.Pill--colorAqua.Pill--deuteranopia {
  background-color: #208ea3;
}
.Pill.Pill--colorAqua.Pill--clickable:hover {
  background-color: #4fbcee;
}
.Pill.Pill--colorAqua.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #28b3ce;
}
.Pill.Pill--colorBlue {
  background-color: #4186e0;
}
.Pill.Pill--colorBlue.Pill--deuteranopia {
  background-color: #4178bc;
}
.Pill.Pill--colorBlue.Pill--clickable:hover {
  background-color: #6da2e7;
}
.Pill.Pill--colorBlue.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #6693ca;
}
.Pill.Pill--colorIndigo {
  background-color: #7a6ff0;
}
.Pill.Pill--colorIndigo.Pill--deuteranopia {
  background-color: #7a71f6;
}
.Pill.Pill--colorIndigo.Pill--clickable:hover {
  background-color: #a59df5;
}
.Pill.Pill--colorIndigo.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #a7a1f9;
}
.Pill.Pill--colorPurple {
  background-color: #aa62e3;
}
.Pill.Pill--colorPurple.Pill--deuteranopia {
  background-color: #aa71ff;
}
.Pill.Pill--colorPurple.Pill--clickable:hover {
  background-color: #c18deb;
}
.Pill.Pill--colorPurple.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #c9a4ff;
}
.Pill.Pill--colorMagenta {
  background-color: #e362e3;
}
.Pill.Pill--colorMagenta.Pill--deuteranopia {
  background-color: #e37cff;
}
.Pill.Pill--colorMagenta.Pill--clickable:hover {
  background-color: #eb8deb;
}
.Pill.Pill--colorMagenta.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #eeafff;
}
.Pill.Pill--colorHotPink {
  background-color: #ea4e9d;
}
.Pill.Pill--colorHotPink.Pill--deuteranopia {
  background-color: #ea4e9d;
}
.Pill.Pill--colorHotPink.Pill--clickable:hover {
  background-color: #ef7cb6;
}
.Pill.Pill--colorHotPink.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #ef7cb6;
}
.Pill.Pill--colorPink {
  background-color: #fc91ad;
}
.Pill.Pill--colorPink.Pill--deuteranopia {
  background-color: #fca7e4;
}
.Pill.Pill--colorPink.Pill--clickable:hover {
  background-color: #fdc3d2;
}
.Pill.Pill--colorPink.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #fed8f3;
}
.Pill.Pill--colorCoolGray {
  background-color: #8da3a6;
}
.Pill.Pill--colorCoolGray.Pill--deuteranopia {
  background-color: #8d9f9b;
}
.Pill.Pill--colorCoolGray.Pill--clickable:hover {
  background-color: #aababc;
}
.Pill.Pill--colorCoolGray.Pill--clickable:hover.Pill--deuteranopia {
  background-color: #a9b6b3;
}

.CustomPropertyProtoRow-nameContainer {
  color: #fff;
}

.ProjectDropdownMenuButton-downIcon:hover {
  fill: #f2f2f2;
}

.CustomPropertyProtoRow-name {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #fff;
}

.CustomPropertyProjectSettingsDialogContent-addFieldButton {
  color: #14aaf5;
  fill: #e2e2e2;
}

.CustomPropertyProjectSettingsDialogContent-addFieldButtonIcon {
  background-color: #14aaf5;
}

.PotColorPicker-setForEveryone, .react-mount-node .CustomPropertyTextValueInput .autogrowTextarea-input {
  font-family: FuraCode Nerd Font Mono, Dank Mono, SF Mono, Hasklig, "Operator Mono", monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.8em;
}

.Board--hasViewMenu .BoardColumnHeaderTitle, .BoardBody-columnInBoardWithViewMenu .BoardColumnHeaderTitle, .BoardCardWithCustomProperties-name, .PageHeaderCollapsedStructure-title, .PageHeaderStructure-title, .ProjectMembersPrivacyForm-privacyLabel, .ProjectMembersPrivacyForm-privacyToggleButton, .QuickAddPopOut-nameInput, .SingleTaskPanePlaceholder-commentBox {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.SingleTaskTitleRow-taskName .autogrowTextarea-input, .SingleTaskTitleRow-taskName .autogrowTextarea-shadow {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.SuccessToast, .TipToast, .dashboard-card .card-header .name, .dialog-box .dialog-title, .dismissable-overlay, .textEditor-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.Assignee:not(.Assignee--isDisabled).Assignee--unassigned:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 0 3px #065a84;
  color: #14aaf5;
  fill: #065a84;
}

.ItemRow--enabled.ItemRow--focused, .ItemRow--enabled.ItemRow--highlighted {
  background: #303030;
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
  box-shadow: none;
  animation: 0.1s;
  transition: none;
}

.textEditor-container.is-focused, .textEditor-container.textEditor--dynamic.is-focused {
  animation: none;
  border-color: #424242;
  background-color: #303030;
  box-shadow: none;
  outline: 0;
}

.FormElementButton.FormElementButton--dynamic:not(.FormElementButton--disabled):hover, .textEditor-container.textEditor--dynamic:hover {
  border-color: #424242;
}

.inbox .inbox-thread-wrapper .project-footer .show-more-link, .inbox .inbox-thread-wrapper .task-footer .show-more-link, .inbox .inbox-thread-wrapper .task-header .show-more-link {
  color: #14aaf5;
  font-weight: 600;
}

.PageHeaderCollapsedStructure-title {
  font-weight: normal;
}

.react-mount-node .BlockStory-actorLink, .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink:hover {
  font-weight: normal;
}

.inbox .inbox-thread-wrapper .task-footer .show-more-link:hover, .inbox .inbox-thread-wrapper .task-header .show-more-link:hover {
  color: #fff;
  text-decoration: underline;
}

inbox .inbox-thread-wrapper .project-footer .show-more-link:hover {
  color: #fff;
  text-decoration: underline;
}

.TaskRow--completed .TaskRow-taskName {
  opacity: 0.25;
}

.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete {
  color: #fff;
  fill: #e2e2e2;
  background: #424242;
  box-shadow: 0 0 0 3px #424242;
  border-color: #424242;
}
.TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:hover, .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(.TaskRowCompletionStatus-checkbox--disabled):hover {
  color: #fff;
  fill: #e2e2e2;
  background: #424242;
  box-shadow: 0 0 0 3px #424242;
  border-color: #424242;
}

.detailsTitle-checkmarkButton.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, .itemListInboxThreadView-notification .selected.story .referenced-task-row-view .referencedTaskRowView-checkButton:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button {
  color: #fff;
  fill: #e2e2e2;
  background: #424242;
  box-shadow: 0 0 0 3px #424242;
  border-color: #424242;
}

.react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOff .CircularButton--enabled:hover, .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--incomplete:hover {
  color: #fff;
  fill: #e2e2e2;
  background: #424242;
  box-shadow: 0 0 0 3px #424242;
  border-color: #424242;
}

.taskCheckboxNodeView.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, taskCheckboxNodeView:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button {
  color: #fff;
  fill: #e2e2e2;
  background: #424242;
  box-shadow: 0 0 0 3px #424242;
  border-color: #424242;
}

.TaskRow-detailsCaret:hover {
  fill: #065a84;
}

.ProjectMembersDialogContent-footer, .attachment-card-metadata:not(.attachmentCardView-hiddenBorder) {
  border-top: 1px solid #424242;
}

.Tooltip-caret {
  background-color: #303030;
}
.Tooltip-caret::before {
  background-color: #303030;
}

.Tooltip-body {
  background: #303030;
  color: #fff;
}

.Tooltip-caret {
  color: #303030;
  fill: #303030;
}

.TaskAttachments-uploadProgressPercentage {
  background-color: #14aaf5;
}

.SuccessToast {
  background: #212121;
  color: #fff;
}

.TipToast, .TipToast-titleContainer {
  color: #14aaf5;
}

.SuccessToast::before {
  background-color: #14aaf5;
  background-image: none;
}

.TipToast {
  background: #212121;
}
.TipToast::before {
  background-color: #303030;
  background-image: none;
}

.TipToast-messageContainer {
  color: #fff;
}

.TipToast-dismissLink {
  border-bottom: 1px dotted #424242;
  color: #303030;
  fill: #212121;
}
.TipToast-dismissLink:focus, .TipToast-dismissLink:hover {
  border-bottom: 1px solid #e2e2e2;
  color: #fff;
  fill: #e2e2e2;
}

.ToastNotificationContent-link {
  border-bottom: 1px dotted #303030;
  color: #303030;
  fill: #303030;
}
.ToastNotificationContent-link:hover {
  border-bottom: 1px solid #e2e2e2;
  color: #fff;
  fill: #e2e2e2;
}

.WelcomeTaskTipToastNotification-icon {
  fill: #303030;
}

.search.search-toolbar--short {
  background: #303030;
}

.PageHeaderStructureLoading--compact, .PageHeaderStructureLoading--normal {
  background-color: #212121;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.ScheduleStatus .ScheduleStatus-newScheduleIcon {
  background: #065a84;
}
.ScheduleStatus .ScheduleStatus-newScheduleIcon:hover {
  background: #e2e2e2;
}

.ProjectMembersDialogRow:hover:not(.ProjectMembersDialogRow--highlighted), .ProjectMembersPrivacyForm {
  background-color: #303030;
}

.attachment-card-view {
  background: #303030;
  box-shadow: none;
}

.attachment-card-attachment-link, .hover-no-change-attachment-card-attachment-link {
  color: #14aaf5;
  font-size: 13px;
  font-weight: 600;
}

.Tokenizer {
  background: #303030;
  font-weight: 600;
}
.Tokenizer .Tokenizer-input, .Tokenizer .Tokenizer-token {
  background: #303030;
  font-weight: 600;
}

.ProjectMembersDialogDefaultSettingsRow:hover {
  background: #303030;
}

.ProjectMembersPrivacyForm-privacyToggleButton {
  border-bottom: 1px dotted #848f99;
  color: #848f99;
  cursor: pointer;
  fill: #848f99;
}
.ProjectMembersPrivacyForm-privacyToggleButton:focus, .ProjectMembersPrivacyForm-privacyToggleButton:hover {
  border-bottom: 1px solid #065a84;
  color: #14aaf5;
  fill: #065a84;
  text-decoration: none;
}

.ProjectMembersSummary-addButton:focus, .ProjectMembersSummary-addButton:hover {
  border-bottom: 1px solid #065a84;
  color: #14aaf5;
  fill: #065a84;
  text-decoration: none;
}

.miniHeartButtonView--withThumbsUp:hover:not(.is-hearted), .topbarHelpMenuButton-textButton:hover {
  color: #14aaf5;
  fill: #065a84;
}

::-webkit-scrollbar {
  width: 2px;
}

::-webkit-scrollbar-track {
  -webkit-border-radius: 1px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px #42424275;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: 0 0;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: 0;
}

.navigating-overlay-mask {
  opacity: 0.3;
  background: #212121;
}

.itemListInboxThreadView-listName:hover {
  color: #14aaf5;
  text-decoration: none;
}

.inboxToolbar .inbox-email-settings-menu:hover {
  border-bottom: 1px solid #065a84;
  color: #14aaf5;
  fill: #065a84;
  text-decoration: none;
}

.BoardPlaceholder-columnHeader {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background: #212121;
}

.BoardPlaceholder-addTaskButton, .BoardPlaceholder-task {
  background: #212121;
}

.CalendarHeaderPlaceholder-button {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-image: linear-gradient(-90deg, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
}

.ConversationsPlaceholder-composer {
  background: #212121;
}

.ConversationsPlaceholder-commentComposer {
  background: #212121;
  border-top: 1px solid #212121;
}

.ConversationsPlaceholder-buttonRow {
  border-top: 1px solid #212121;
}

.ConversationsPlaceholder-button {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: background, border, box-shadow, color;
  transition-property: background, border, box-shadow, color;
  background: #065a84;
}

.ConversationsPlaceholder-avatar {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-image: linear-gradient(-90deg, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
}

.ConversationsPlaceholder-commentEditor {
  background: #212121;
  border: 1px solid #303030;
}

.ConversationsPlaceholder-authorAvatar, .ConversationsPlaceholder-authorName, .ConversationsPlaceholder-conversationContent, .ConversationsPlaceholder-conversationTitle {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-image: linear-gradient(-90deg, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
}

.DashboardPlaceholder-board {
  background: #212121;
}

.InboxPlaceholder-story {
  border-bottom: 1px solid #303030;
}

.InboxPlaceholder-avatar, .InboxPlaceholder-content, .InboxPlaceholder-storyTitle, .PotGridPlaceholder-button {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-image: linear-gradient(-90deg, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
}

.PotGridBodyPlaceholder-itemRow::after {
  border-bottom: 1px solid #303030;
  border-color: #303030;
}

.PotGridBodyPlaceholder-circleCheck, .PotGridBodyPlaceholder-taskContent {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-image: linear-gradient(-90deg, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
}

.SidebarPlaceholder-avatar, .SidebarPlaceholder-longContent, .SidebarPlaceholder-mediumContent, .SidebarPlaceholder-shortContent {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-color: #212121;
  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 100%);
}

.SingleTaskPanePlaceholder-circle, .SingleTaskPanePlaceholder-taskContent, .SingleTaskPanePlaceholder-titleContent, .SingleTaskPanePlaceholder-toolbarContent {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-image: linear-gradient(-90deg, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
}

.SingleTaskPanePlaceholder-commentComposer {
  background: #212121;
  border-top: 1px solid #303030;
}
.SingleTaskPanePlaceholder-commentComposer .SingleTaskPanePlaceholder-circle {
  background-color: #212121;
}

.SingleTaskPanePlaceholder-commentBox {
  border: 1px solid #303030;
  background: #212121;
}

.TopbarPlaceholder-circle, .TopbarPlaceholder-longContent, .TopbarPlaceholder-shortContent {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
  animation: animation-shimmering 0.1s linear infinite;
}

.SingleTaskPanePlaceholder-commentBox::-webkit-input-placeholder, .SingleTaskPanePlaceholder-commentBox::-moz-placeholder, .SingleTaskPanePlaceholder-commentBox:-ms-input-placeholder {
  color: #424242;
}

.TopbarPlaceholder-omnibuttonPlusIcon {
  fill: #212121;
}

.PageHeaderPlaceholder {
  background-color: #212121;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.PageHeaderPlaceholder--compact {
  background-color: #212121;
}

.PageHeaderPlaceholder-bigCircle, .PageHeaderPlaceholder-circle, .PageHeaderPlaceholder-facepileContent, .PageHeaderPlaceholder-smallCircle, .PageHeaderPlaceholder-tabContent, .PageHeaderPlaceholder-titleContent {
  -webkit-animation: animation-shimmering 0.1s linear infinite;
  animation: animation-shimmering 0.1s linear infinite;
  background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%);
  background-image: linear-gradient(-90deg, #212121 0, #212121 50%, #212121 100%);
  background-color: #212121;
}

.dashboard-card {
  background: #303030;
}
.dashboard-card .project {
  background: #303030;
  color: #fefefe;
}
.dashboard-card .dashboard-call-to-action-card {
  background: #212121;
}
.dashboard-card .add-project {
  background-image: none;
}

.TemplateList, .clickable-icon-box.active {
  background-color: #212121;
}

.TemplateCardStructure {
  background-color: #303030;
}

.AsanaCreatedTemplateCard, .CustomTemplateCard {
  border: 1px solid #424242;
}

.CustomScrollbarContainer-thumb {
  background-color: #14aaf5;
  border-radius: 25px;
  position: absolute;
  width: 2px;
}

.ItemListHelpText {
  border-bottom: 1px solid #424242;
  border-top: 1px solid #424242;
  color: #fff;
}

.ItemListEmptyLines-row--withTopBorder {
  border-top: 0;
  border-bottom: 1px solid #424242;
}

.ItemListEmptyLines-row {
  border-bottom: 1px solid transparent;
  border-top: 1px solid #424242;
}

.Topbar-myDashboardButton:hover:not(.is-loading), .Topbar-myTasksButton:hover:not(.is-loading), .Topbar-notificationsButton:hover:not(.is-loading) {
  color: #14aaf5;
  border-bottom: 1px solid #065a84;
}

.BoardCard {
  background-color: #303030;
}

.Board--hasViewMenu .BoardColumnHeaderTitle, .BoardBody-columnInBoardWithViewMenu .BoardColumnHeaderTitle {
  font-size: 1.2em;
  font-weight: 900;
  line-height: 30px;
}

.SingleTaskTitleRow-taskName .autogrowTextarea-input, .SingleTaskTitleRow-taskName .autogrowTextarea-shadow {
  font-weight: normal;
}

.BoardBody-descriptionLink:focus, .BoardBody-descriptionLink:hover {
  border-bottom: 1px solid #065a84;
  color: #14aaf5;
  fill: #065a84;
  text-decoration: none;
}

.DueDateContainer:not(.DueDateContainer--disabled).DueDateContainer--unset {
  border: 1px dashed #e2e2e2;
  fill: #e2e2e2;
}
.DueDateContainer:not(.DueDateContainer--disabled).DueDateContainer--unset:hover {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 0 0 3px #32c1ff;
  color: #32c1ff;
  fill: #32c1ff;
}

.CardButton:focus:not(.CardButton--disabled), .CardButton:hover:not(.CardButton--disabled) {
  box-shadow: 0 0 0 2px #065a84;
  color: #fff;
  fill: #065a84;
  background-color: #14aaf5;
}
.CardButton:active:not(.CardButton--disabled) {
  box-shadow: 0 0 0 1px #303030;
  color: #303030;
  fill: #303030;
}

.FeedBlockStory.FeedBlockStory--pinned {
  box-shadow: none;
}
.FeedBlockStory.FeedBlockStory--pinned .BlockStory {
  background: #174642;
  border: 0;
}

.StoryFeed-blockStory {
  margin: 2px -28px;
}

.KeyboardShortcutsModal, .navigating-overlay-box {
  background-color: #212121;
}

.KeyboardShortcutsModal-headerTitle {
  color: #14aaf5;
}

.KeyboardShortcutsModal-row {
  border-bottom: 1px solid #424242;
}

.KeyboardShortcutsModal-key {
  background-color: #303030;
  border: 1px solid #424242;
  color: #888;
}

.KeyboardShortcutsModal-sectionHeader {
  color: #14aaf5;
  padding-top: 15px;
}

.SingleTaskPane-descriptionLabel {
  fill: #777;
}

.Token {
  font-size: 0.75em;
}

.Tokenizer.is-focused {
  -webkit-animation: none;
  animation: none;
  border-color: #424242;
  box-shadow: inset 0 1px #424242;
  outline: 0;
  background-color: #303030;
}
.Tokenizer.is-focused .TaskFollowers--following {
  background-color: #14aaf5;
}

.Token .Token--colorNone .Tokenizer-token .Token--withavatar {
  background-color: #14aaf5;
  color: #fff;
}

.tokenView:not(.has-potColor) {
  background: #303030;
  border-color: #424242;
  color: #fefefe;
}
.tokenView:not(.has-potColor):hover {
  background: #065a84;
  border-color: #14aaf5;
  color: #fefefe;
}

.projectSectionTokenView .projectSectionTokenView-dropdownLink {
  border-color: #424242;
  color: #fefefe;
  fill: #303030;
}

.dropdown .typeahead-dropdown-contents .action.selected, .dropdown .typeahead-dropdown-contents .action:hover:not(.disabled):not(.selectable) {
  background-color: #14aaf5;
  border-color: #424242;
}
.dropdown .typeahead-dropdown-contents .item.selected, .dropdown .typeahead-dropdown-contents .item:hover:not(.disabled):not(.selectable) {
  background-color: #14aaf5;
  border-color: #424242;
}
.dropdown .typeahead-dropdown-contents .menu-item.selected, .dropdown .typeahead-dropdown-contents .menu-item:hover:not(.disabled):not(.selectable) {
  background-color: #14aaf5;
  border-color: #424242;
}

.TopbarSearchTypeaheadHelper-showMoreItem {
  background: #212121;
  border-bottom: 1px solid #424242;
  height: 30px;
}

.referencedTaskRowView-comments {
  color: #f2f2f2;
  fill: #f2f2f2;
}
.referencedTaskRowView-comments:hover {
  color: #f2f2f2;
  fill: #f2f2f2;
  background-color: #14aaf5;
}

.miniHeartButtonView--withThumbsUp:hover:not(.is-hearted) {
  fill: #fff;
}

.grid-compact .completed .grid-tags-and-date a.tag, .grid-compact .completed .grid_cell_assignee a.tag, .grid-compact .completed .grid_cell_string .task-row-text-input {
  color: #646f79;
}
.grid-compact .completed .grid_due_date {
  color: #646f79;
}
.grid-compact .completed .grid_due_date:not(.due_soon):not(.overdue) {
  color: #646f79;
}
.grid-compact .completed .tag_overflow {
  color: #646f79;
}

.grid-uncompact .completed .grid-tags-and-date a.tag, .grid-uncompact .completed .grid_cell_assignee a.tag, .grid-uncompact .completed .grid_cell_string .task-row-text-input {
  color: #646f79;
}
.grid-uncompact .completed .grid_due_date {
  color: #646f79;
}
.grid-uncompact .completed .grid_due_date:not(.due_soon):not(.overdue) {
  color: #646f79;
}
.grid-uncompact .completed .tag_overflow {
  color: #646f79;
}

.CustomPropertyContainerSettingsFieldTypeButton-title, .FloatingSelect, .MessageDialog-header {
  color: #fefefe;
}

.TextDiff-diff.TextDiff-insert {
  color: #fefefe;
}
.TextDiff-diff.TextDiff-delete {
  background-color: #303030 !important;
}

.TextDiff-diffedDescription {
  padding-bottom: 10px;
}

.notificationView-iconAvatar {
  background: #065a84;
  fill: #fefefe;
}

.BoardCardWithCustomProperties {
  background: #303030;
}

.SingleTaskPaneModal {
  background: #303030 !important;
}

.ModalBuffer {
  background-color: rgba(0, 0, 0, 0.75);
}

.ModalPaneWithBuffer-pane {
  background-color: #212121;
}

.CustomPropertyContainerSettingsFieldTypeButton.CustomPropertyContainerSettingsFieldTypeButton--isSelected {
  border: 1px solid #065a84;
  background-color: #303030;
}

.CustomPropertyContainerSettingsFieldTypeButton-exampleContainer {
  background: #424242;
}

.CustomPropertyProtoTypeaheadHeader {
  background: #303030;
  color: #fefefe;
}

.CustomPropertyProtoCreateRow.CustomPropertyProtoCreateRow--highlighted, .CustomPropertyProtoTypeaheadItem.CustomPropertyProtoTypeaheadItem--highlighted {
  background: #065a84;
}

.ProjectMembersShareForm {
  border-color: #424242;
}

.ProjectMembersShareForm-textArea .autogrowTextarea-input, .ProjectMembersShareForm-textArea .autogrowTextarea-shadow {
  background-color: #303030;
}

.ProjectMembersShareForm-toolbar {
  border-top: 1px solid #424242;
}

.Tokenizer {
  border-color: #424242;
}

.SingleTaskPane-footer {
  background: #424242;
  border-top: 1px solid #424242;
}

.ItemRow--enabled:hover, .StoryFeed-separator {
  border-color: #424242;
}

.simpleTextarea.simpleTextarea--dynamic {
  background-color: #212121;
}

.BoardCardWithCustomProperties-name {
  font-size: 1.1em;
  font-weight: 600;
}

.BoardColumn.has-dragPrompt {
  box-shadow: 0 0 0 2px #424242;
  background-color: #42424220;
}

.FloatingSelect {
  fill: #fefefe;
  font-weight: 600;
}

.MiniStory, .SubtaskTaskRow--completed .SubtaskTaskRow-taskName {
  color: #666;
}

.StoryFeed-separator {
  margin-top: 5px;
}

.StoryFeed-miniStory {
  padding: 3px 3px 3px 9px;
  border: none;
}

.CommentComposer-toolbar {
  box-shadow: inset 0 1px #424242;
}

.CircularButton {
  background: #424242;
}

.MessageBanner--error {
  background-color: #b92634;
  color: #fefefe;
}

.HeartButton-heartCount {
  background-color: #14aaf5;
  color: #fefefe;
  font-weight: normal;
}

.SingleTaskPanePlaceholder-toolbar, .SingleTaskPaneToolbar {
  border: none;
}

.Token.Token--colorMagenta {
  background-color: #e362e3 !important;
  color: #212121;
  border: 1px solid #e362e3;
}
.Token.Token--colorMagenta:hover {
  background-color: #e362e3 !important;
  color: #212121;
  border: 1px solid #fefefe;
}
.Token.Token--colorBlueGreen {
  background-color: #37c5ab;
  color: #212121;
  border: 1px solid #37c5ab;
}
.Token.Token--colorBlueGreen:hover {
  background-color: #37c5ab;
  color: #212121;
  border: 1px solid #212121;
}
.Token.Token--colorYellow {
  background-color: #eec300;
  color: #212121;
  border: 1px solid #eec300;
}
.Token.Token--colorYellow:hover {
  background-color: #eec300;
  color: #212121;
  border: 1px solid #212121;
}
.Token.Token--colorOrange {
  background-color: #fd612c;
  color: #212121;
  border: 1px solid #fd612c;
}
.Token.Token--colorOrange:hover {
  background-color: #fd612c;
  color: #212121;
  border: 1px solid #212121;
}
.Token.Token--colorNone {
  background: #777;
  border-color: #777;
  color: #212121;
}
.Token.Token--colorNone:hover {
  background: #777;
  border-color: #212121;
  color: #212121;
}
.Token.Token--colorNone:hover:not(:focus) {
  background: #777;
  border-color: #212121;
  color: #212121;
}
.Token.Token--colorRed {
  background-color: #e8384f;
  color: #212121;
  border-color: #e8384f;
}
.Token.Token--colorRed:hover {
  background-color: #e8384f;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorPink {
  background-color: #fc91ad;
  color: #212121;
  border-color: #fc91ad;
}
.Token.Token--colorPink:hover {
  background-color: #fc91ad;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorHotPink {
  background-color: #ea4e9d;
  color: #212121;
  border-color: #ea4e9d;
}
.Token.Token--colorHotPink:hover {
  background-color: #ea4e9d;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorPurple {
  background-color: #aa62e3;
  color: #212121;
  border-color: #aa62e3;
}
.Token.Token--colorPurple:hover {
  background-color: #aa62e3;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorBlue {
  background-color: #4186e0;
  color: #212121;
  border-color: #4186e0;
}
.Token.Token--colorBlue:hover {
  background-color: #4186e0;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorIndigo {
  background-color: #7a6ff0;
  color: #212121;
  border-color: #7a6ff0;
}
.Token.Token--colorIndigo:hover {
  background-color: #7a6ff0;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorGreen {
  background-color: #62d26f;
  color: #212121;
  border-color: #62d26f;
}
.Token.Token--colorGreen:hover {
  background-color: #62d26f;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorYellowGreen {
  background-color: #a4cf30;
  color: #212121;
  border-color: #a4cf30;
}
.Token.Token--colorYellowGreen:hover {
  background-color: #a4cf30;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorAqua {
  background-color: #20aaea;
  color: #212121;
  border-color: #20aaea;
}
.Token.Token--colorAqua:hover {
  background-color: #20aaea;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorYellowOrange {
  background-color: #fd9a00;
  color: #212121;
  border-color: #fd9a00;
}
.Token.Token--colorYellowOrange:hover {
  background-color: #fd9a00;
  color: #212121;
  border-color: #212121;
}
.Token.Token--colorCoolGray {
  background-color: #8da3a6;
  color: #212121;
  border-color: #8da3a6;
}
.Token.Token--colorCoolGray:hover {
  background-color: #8da3a6;
  color: #212121;
  border-color: #212121;
}

.buttonSelectView-button:not(.is-disabled) {
  background: #303030;
  border-color: #424242;
  color: #777;
  fill: #777;
}
.buttonSelectView-button:not(.is-disabled).is-active, .buttonSelectView-button:not(.is-disabled):active {
  background-color: #303030;
  border-color: #424242;
  color: #fefefe;
  fill: #fefefe;
}

.dropdown-menu-link.open .buttonSelectView-button {
  background-color: #14aaf5;
  border-color: #303030;
  color: #fefefe;
  fill: #fefefe;
}

.dropdown hr {
  border-top: 1px solid #777;
}

.buttonSelectView-button:not(.is-disabled):hover {
  background-color: #424242;
  border-color: #424242;
  color: #fefefe;
  fill: #fefefe;
}

.buttonView.buttonView--toggle.buttonView--secondary.is-active, .buttonView.buttonView--toggle.buttonView--secondary:active {
  background-color: #14aaf5;
  border-color: #14aaf5;
  color: #fefefe;
  fill: #fefefe;
}
.buttonView.buttonView--toggle.is-active, .buttonView.buttonView--toggle:active {
  background-color: #14aaf5;
  border-color: #14aaf5;
  color: #fefefe;
  fill: #fefefe;
}

#remote_job_status, .QuickAddPopOut, .dialog-box {
  border: 1px solid #424242;
}

.DynamicBorderScrollable--canScrollDown, .TopbarSearchSectionToggleItem, .dialog-box .dialog-title {
  border-bottom: 1px solid #424242;
}

.tokenAreaView .token-input {
  background-color: #424242;
  color: #fefefe;
}

.GridViewSettingsMenu-filter.is-dropdownVisible, .GridViewSettingsMenu-filter:hover {
  fill: #fefefe;
}

#remote_job_status {
  background-color: #303030;
}
#remote_job_status .left-icon.in-progress {
  filter: invert(70%);
}
#remote_job_status a {
  font-weight: 600;
}

.TopbarSearchNavigationItem {
  color: #fefefe;
}

.TopbarSearchSectionToggleItem {
  background-color: #424242;
  color: #fefefe;
  fill: #fefefe;
}

.TopbarSearchSectionToggleItem--highlighted {
  background-color: #14aaf5;
}

.TopbarSearchAdvancedSearchItem {
  background-color: #424242;
  color: #fefefe;
  border-top: 1px solid #424242;
}

.TopbarSearchAdvancedSearchItem--highlighted {
  background: #065a84;
  color: #fefefe;
}

.TopbarSearchAdvancedSearchItem--oldStyle.TopbarSearchAdvancedSearchItem--highlighted .TopbarSearchAdvancedSearchItem-title {
  font-weight: 800;
  color: #fefefe;
}

.TypeaheadItemStructure--oldStyle {
  box-shadow: inset 0 -1px #424242;
}

.TopbarSearchTypeahead input {
  color: #fefefe;
  font-weight: normal !important;
}

.PageHeaderStructure-title {
  color: #fefefe;
  font-weight: normal;
}

.TaskRow.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted):hover {
  background-color: #424242;
}

.dialog-box {
  background-color: #303030;
}
.dialog-box .dialog-title {
  color: #fefefe;
}

.dismissable-overlay {
  background: #212121;
  box-shadow: none;
  color: #fff;
}

.QuickAddPopOut, .QuickAddPopOutContents {
  background: #303030;
}

#remote_job_status.remote-job-status-overlay-completed {
  background-color: #303030;
}

.QuickAddPopOut-contents {
  max-height: 750px;
}

.QuickAddPopOut-header {
  height: 35px;
  background-color: #424242;
}

.QuickAddPopOutCustomPropertiesContainer {
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
}

.QuickAddPopOut .simpleTextarea.simpleTextarea--dynamic {
  background-color: #303030;
}

.QuickAddPopOut-nameInput {
  background-color: #424242;
  padding-top: 10px;
  padding-bottom: 10px;
}

.QuickAddPopOutContents-nameInput {
  margin-top: 10px;
}

.asanaView-paneGutter {
  flex: 0 0 0px;
}

#right_pane_container {
  max-width: none;
}

.TaskDescription-textEditor--willContainToolbar .ql-editor {
  padding-bottom: 3px;
}

.ScheduleStatus .ScheduleStatus-upcomingScheduleIcon:hover {
  border: 2px solid #065a84;
}

.CustomPropertyTextEditablePreviewCell .textInput {
  font-family: SF Mono, Hasklig, "Operator Mono", monospace !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 0.6em;
}

.SidebarCollapsibleHeader--withoutClarifiedNavigation .SidebarCollapsibleHeader-name, .SidebarItemRow-name, .SidebarReportsItemRow, .SidebarTeamMembershipHeader--withoutClarifiedNavigation .SidebarTeamMembershipHeader-teamName {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.ClarifiedNavigationHeaderView-title, .SidebarCollapsibleHeader--withClarifiedNavigation, .SidebarReportsItemRow.SidebarReportsItemRow--withClarifiedNavigation, .SidebarTeamMembershipHeader--clarifiedNavigation .SidebarTeamMembershipHeader-teamName {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.SingleTaskTitleInput-taskName .autogrowTextarea-input, .SingleTaskTitleInput-taskName .autogrowTextarea-shadow {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.TopbarPageHeaderStructure-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.FeedBlockStory.FeedBlockStory--pinnedAtTop, .Topbar-notificationsButton:not(.is-loading).has-newNotifications::after {
  background: #065a84;
  border: 1px solid #fff;
}

.CustomScrollbarContainer-content, .Sidebar-scrollable {
  padding-top: 5px;
  background: 0 0;
}

.SidebarCollapsibleHeader--withoutClarifiedNavigation .SidebarCollapsibleHeader-name {
  color: #14aaf5;
}

.SidebarReports--withoutClarifiedNavigation {
  padding-top: 10px;
  padding-bottom: 10px;
}

.page-topbar {
  background: #212121;
  box-shadow: none;
}

.TopbarPageHeaderGlobalActions, .TopbarPageHeaderGlobalActionsPlaceholder {
  background-color: #212121;
}

.TopbarSearchTypeahead--withClarifiedNavigation .TopbarSearchTypeahead-background {
  background-color: #212121;
}
.TopbarSearchTypeahead--withClarifiedNavigation .TopbarSearchTypeahead-background::before {
  background-image: none;
  border-left: 1px solid #424242;
}
.TopbarSearchTypeahead--withClarifiedNavigation .TopbarSearchTypeahead-input:not(:focus) {
  background-color: #303030;
  border-color: #212121;
}

.projectHeaderFacepile-clarifiedNavigationFacepileClickable:hover .Facepile-item {
  box-shadow: 0 0 0 2px #424242, inset 0 0 0 1px rgba(0, 0, 0, 0.07);
}

.Facepile--compact .Facepile-item {
  box-shadow: 0 0 0 2px #303030, inset 0 0 0 1px rgba(0, 0, 0, 0.07);
}

.TopbarPageHeaderStructure-title {
  color: #fefefe;
  font-weight: 600;
}

.MultiTaskPaneToolbarEasyCompletion, .SingleTaskPaneToolbarEasyCompletion {
  border-bottom: 1px solid #424242;
}

.GridHeader, .PotGridPlaceholder-gridHeader, .TaskPaneAssigneeDueDateRowStructure {
  border-bottom: none;
}

.ClarifiedNavigationHeaderView-title {
  color: #fefefe;
}

.SingleTaskTitleInput-taskName .autogrowTextarea-input, .SingleTaskTitleInput-taskName .autogrowTextarea-shadow {
  font-weight: 600;
}

.CommentComposerEditor-toolbar {
  box-shadow: inset 0 1px #424242;
}

.CommentComposerEditor {
  border: 1px solid #424242;
  background: #303030;
}

.FollowersBar, .Pane, .PaneView {
  background-color: #222;
}

.TaskStoryFeed-separator {
  border-color: #424242;
}

.FollowersBar {
  border-top: 1px solid #303030;
}

.TokenButton--hasValue > .TokenButton-icon {
  background: #065a84;
  fill: #fff;
}

.TokenButton-icon {
  background-color: #303030;
  color: #fff;
}

.TopbarPageHeaderView-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #fefefe;
}

.TopbarSearchResultSection--cleanStyle {
  background-color: #424242;
  box-shadow: none;
}

.TopbarSearchTypeahead-background {
  background-color: #222;
}
.TopbarSearchTypeahead-background::before {
  background-image: none;
}

.ConversationComposerEditor {
  background: #303030;
}

.StatusUpdateComposer {
  border-top: 10px solid #424242;
  margin-bottom: 15px;
}

.TopbarSearchTypeaheadDropdownContents-scrollableList {
  background: #424242;
}

.TopbarSearchResultSection {
  box-shadow: none;
}

.ButtonSelect-dropdownMenu {
  max-height: 400px;
}

.notificationView-blockStoryLink {
  color: #fff;
  font-weight: 900;
}
.notificationView-blockStoryLink:hover {
  color: #14aaf5;
}

.Drawer {
  background-color: #303030;
  border-bottom: 1px solid #424242;
  border-top: 1px solid #424242;
  margin: -1px -10px 0;
}

.BlockStory-actorLink {
  color: #14aaf5 !important;
}
.BlockStory-actorLink:active, .BlockStory-actorLink:link, .BlockStory-actorLink:visited {
  color: #14aaf5 !important;
}

.react-mount-node .BlockStory-actorLink, .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink:hover {
  color: #14aaf5 !important;
}

.BlockStory-actorLink:link {
  font-weight: normal;
}

.react-mount-node .BlockStory-actorLink, .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink:hover {
  font-weight: normal;
}

.Home {
  background: #222;
  color: #fefefe;
}

.HomeTaskRow.ItemRow--enabled:hover, .HomeTasksForTodaySection-tasks {
  border-color: #424242;
}

.HubSection-header {
  border-bottom: 2px solid #424242;
}

.HubSection-title {
  color: #14aaf5;
}

.TileStructure:focus, .TileStructure:hover {
  background-color: #fefefe10;
}

.MultilineRowMetadataStructure-title, .TileStructure-name {
  color: #fefefe;
}

.RowStructure.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted):hover {
  background-color: #424242;
}
.RowStructure.ItemRow--enabled:hover {
  border-color: #424242;
  border-top: 1px solid #424242;
}

.EmojiPicker, .TemplateGallery-listHeader, .TemplateGalleryRow::after {
  border-color: #424242;
}

.ProjectCreationModal-modal {
  background-color: #212121;
}

.Tab.Tab--isSelected, .Topbar-myDashboardButton.is-selected, .Topbar-myTasksButton.is-selected, .Topbar-notificationsButton.is-selected, .blockStoryView-actorLink, .tab-nav-div .tab-nav-bar .tab-nav-button:hover {
  color: #14aaf5;
}

.TemplateGalleryRow:hover {
  background-color: #303030;
}

.EmojiPicker {
  background: #303030;
  box-shadow: 0 1px 3px 0 #424242;
}

.EmojiPicker-categorySelector {
  background-color: #424242;
  border-bottom: #676767;
}

.EmojiPickerCategoryButton-categoryIcon {
  fill: #fefefe;
}

.EmojiPickerItem--highlighted {
  background: #676767;
}

.EmojiPicker-bottomRow {
  border-top: #424242;
}

.EmojiPicker-emojiName {
  color: #fefefe;
}

.SkinTonePicker {
  background: #303030;
  border-color: #424242;
}

.SidebarTopNavLinks,
.Button.ProjectHeaderFacepile-joinOrShareButton,
.CustomPropertyHeader-addFieldLink,
.HeartButton.SingleTaskPaneToolbar-button,
.MiniHeartButton.BlockStory-heartButton,
.Omnibutton,
.PotGridHeader-addSectionButton,
.Sidebar-browseMoreTeams,
.SidebarInvite.Sidebar-invite,
.SidebarReports.Sidebar-section,
.SidebarTeamDetailsProjectsList-emptyTeamCreateProjectLink,
.TaskRow-detailsCaret,
.TeamPageFacepile-inviteButton,
.TopbarContingentUpgradeLink,
.topbarHelpMenuButton,
.TrialNotification-container.SidebarTeamTrialNotification-container {
  display: none;
}

.CustomPropertyHeader-fieldName {
  width: 100%;
}

.NavigationLink.SidebarTopNavLinks-myTasksButton, .NavigationLink.SidebarTopNavLinks-notificationsButton, .NavigationLink.SidebarTopNavLinks-myPortfoliosbutton {
  display: none;
}

.PotPillsContainer-potPillLink {
  max-width: 120px;
}

.Avatar.Avatar--medium {
  height: 30px;
}

.CustomPropertyEditablePreviewContainer-enumCell {
  width: 60px;
}

.CustomPropertyHeader-fieldHeading.CustomPropertyHeader-fieldHeading--enum {
  width: 30px;
}

.CustomPropertyEditablePreviewContainer-numberCell {
  width: 60px;
}

.CustomPropertyHeader-fieldHeading--number {
  width: 40px;
}

.full-width-header-compact-toggle,
.PageHeaderStructure-collapseIcon,
.ProjectOverviewSection-header {
  display: none;
}

.CustomScrollbarContainer {
  padding-top: 15px;
}

.FavoriteStar-notFavorited,
.ProjectDropdownMenuButton-downIcon {
  fill: #eeeeee;
}

.PageHeaderStructure-title {
  font-weight: 800;
  padding-left: 10px;
  padding-right: 10px;
}

.projectHeaderFacepile-content div {
  opacity: 0.8;
  transition: opacity 250ms;
}
.projectHeaderFacepile-content div:hover {
  opacity: 1;
}

.Avatar--large,
.Avatar--medium,
.Avatar--small {
  height: 24px;
  line-height: 24px;
  width: 24px;
}

.TokenButton-icon {
  height: 24px;
  width: 24px;
}

.SidebarTeamMembersList,
.SidebarTeamDetailsProjectsList-header,
.UpSwoopArrowIcon,
.SidebarRecentsAndFavoritesCollapsible-showMoreOrLessButton,
.SidebarRecentsAndFavoritesCollapsible-favoritesEmptyState,
div.SidebarTeamMembership-contents > a {
  display: none;
}

.SidebarRecentsAndFavorites-showMoreOrLessButton,
.SidebarTeamDetailsProjectsList-showMoreProjectsLink,
.SidebarTeamArchivedProjectsList-showArchivedProjectsLink,
.LockIcon {
  opacity: 0.3;
}

span.SidebarTeamSettingsMenu-button {
  opacity: 0.1;
  transition: opacity 250ms;
}
span.SidebarTeamSettingsMenu-button:hover {
  opacity: 0.5;
}

.SidebarRecentsAndFavorites-showMoreOrLessButton div:hover {
  opacity: 1;
}

.SidebarTeamDetailsProjectsList-emptyTeam {
  display: none;
}

.StoryFeed-miniStory div, .small-feed-story-group > div {
  opacity: 0.3 !important;
  transition: opacity 250ms;
}

.StoryFeed-miniStory div:hover, .small-feed-story-group > div:hover {
  opacity: 1 !important;
}

.MiniStory div {
  opacity: 0.3 !important;
}
.MiniStory div:hover {
  opacity: 1 !important;
}

.StoryFeed-activitySeparator {
  display: none;
}

.FeedMiniStory-story {
  display: flex;
  justify-content: space-between;
}

.taskFeedView-feed {
  border-top: none !important;
}

.CustomPropertyDetailsContainer {
  border-top: none;
  border-bottom: none;
  background-color: #f9f9f9;
  margin-left: -30px;
  margin-right: -30px;
}

.CustomPropertyDetailsContainer-table {
  background-color: #202020;
}

.CustomPropertyTextValueInput .autogrowTextarea-input, .CustomPropertyTextValueInput .autogrowTextarea-shadow {
  background: none;
}

.CustomPropertyNumberValueInput input {
  background: none;
}

.blockStoryView-metadata {
  opacity: 0.5;
}

.itemListInboxThreadView-footer {
  opacity: 0.3;
}

.inboxThreadView-typeHeader, .itemListGroupView-zipper {
  opacity: 0.2;
  transition: opacity 250ms;
}

.inboxThreadView-typeHeader:hover {
  opacity: 1;
}

.itemListInboxThreadView-notification .selected.story .referenced-task-row-view {
  background-color: RGBA(241, 87, 112, 0.1);
}

.inbox .inbox-thread-wrapper .story.selectable {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border: none;
}

.referenced-task-row-view {
  border-top: none;
}

.itemRow-right, .grid-tags-and-date > * {
  opacity: 0.7;
}

.ItemListHelpText {
  color: #ddd;
}

2-one-person-team.css

.CustomPropertyHeader-userIconContainer,
.DomainUserAvatar,
.FollowersBar,
.NavigationLink.PotPillsContainer-potPillLink[href="https://app.asana.com/0/xxx/list"], /* My "All Tasks" project */
.TaskPaneAssigneeDueDateRowStructure-assignee
{
  display:none  
}