Skip to content

Instantly share code, notes, and snippets.

@keenahn

keenahn/1-main.css

Last active January 24, 2019 18:10
Show Gist options
  • Save keenahn/f5fc8ed07299144d57f5f51ac4d92ea3 to your computer and use it in GitHub Desktop.
Save keenahn/f5fc8ed07299144d57f5f51ac4d92ea3 to your computer and use it in GitHub Desktop.
Download ZIP
Dark Asana Style with Less Elements
Raw
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;
}
Raw
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
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment