Created
November 15, 2020 11:32
-
-
Save alexander-mart/eb7520234256b6fffeb35f54d888170e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #asana_main>div.asanaView-bodyContainer>div.asanaView-body, | |
| #asana_main>div.asanaView-bodyContainer>div.asanaView-body>div:nth-child(1), | |
| #asana_main>div.asanaView-bodyContainer>div.asanaView-body>div:nth-child(4), | |
| #asana_main>div.remix-topbar, | |
| #asana_main>div.remix-topbar>div, | |
| #asana_main>div.remix-topbar>div.react-mount-node>div>div, | |
| #center_pane__contents>div>div>div.loading-boundary.hidden>div>div, | |
| #grid>tbody, | |
| .PageHeaderCollapsedStructure, | |
| .TeamOverview, | |
| .Topbar, | |
| .layerContext, | |
| .AdminConsole, | |
| .AdminConsolePageStructure-header, | |
| body { | |
| background: #191919; | |
| } | |
| .AsanaPageTopbar { | |
| background-color: #212121 | |
| } | |
| .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, | |
| .QuickAddPopOutContents-nameInput, | |
| .Label, | |
| .TaskGroupHeader, | |
| body, | |
| html { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .Label { | |
| color: #fefefe70 | |
| } | |
| .TaskGroupHeader-content:hover .TaskGroupHeader-arrow.triangleIcon, | |
| .borderless-button:hover { | |
| fill: #009688 | |
| } | |
| #asana_main>div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium, | |
| #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, | |
| #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, | |
| #details_pane_title_row>div.details-pane-title>span>div, | |
| #details_property_sheet_title, | |
| #grid>tbody, | |
| #grid_views_select>span>span, | |
| #property_sheet\3a details_property_sheet_field\3a description, | |
| .detailsFollowersLabel, | |
| .gridCell-stringContainer, | |
| .react-mount-node .dropdownMenuOption-label, | |
| .task-row-text-input, | |
| .task-row-text-input.override-focus-border, | |
| .task-row-text-input.override-focus-border.override-hover-border { | |
| color: #e2e2e2 | |
| } | |
| .TopbarPlaceholder-searchBox:focus, | |
| .TopbarSearch-input:focus { | |
| animation: none | |
| } | |
| .PrimaryLink { | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .PrimaryLink:hover, | |
| .PrimaryLink:focus { | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .TypeaheadItem-title { | |
| color: #009688 | |
| } | |
| .TypeaheadItemStructure--enabled { | |
| background: #303030; | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .TypeaheadCreateItem { | |
| background: 0 0; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| border-color: #424242; | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .MultiAssignTypeaheadItem { | |
| border-color: #424242; | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .MultiAssignTypeaheadItem--highlighted { | |
| background-color: #424242; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .TypeaheadCreateItem.TypeaheadCreateItem--highlighted, | |
| .TypeaheadItemStructure--enabled.TypeaheadItemStructure--highlighted { | |
| background: #009688; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .TypeaheadItemStructure-icon { | |
| fill: #fefefe70 | |
| } | |
| .TopbarSearchResultSection-header { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #fefefe70; | |
| font-weight: 800; | |
| text-transform: uppercase; | |
| } | |
| .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, | |
| #asana_main>div.full-width-header.full-width-header--expanded.full-width-header-sideElements--medium>div.full-width-header-center, | |
| #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: #e2e2e2 | |
| } | |
| .full-width-header .center-pane-header-row-view, | |
| .full-width-header.full-width-header--compact, | |
| .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, | |
| .full-width-header.full-width-header--expanded, | |
| .full-width-header.full-width-header--expanded .center-pane-title, | |
| .nothing-selected, | |
| .tab-nav-div .tab-nav-bar.tab-nav-bar-center { | |
| background-color: #303030 !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, | |
| #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, | |
| #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, | |
| .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: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| #center_pane__contents, | |
| #details_pane_header>div.toolbar.details-pane-top.details-pane-toolbar.toolbar-no-grad, | |
| #right_pane__contents>div>div>div.sticky-view-placeholder, | |
| #right_pane__contents>div>div>div:nth-child(3), | |
| #right_pane__contents>div>div>div:nth-child(6), | |
| #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, | |
| #details_pane_footer>div, | |
| #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, | |
| .TaskFollowers, | |
| .react-mount-node .Button.Button--secondary, | |
| .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 | |
| } | |
| .ButtonSelect-label .CustomPropertyEnumValueInput--empty { | |
| box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0) !important; | |
| } | |
| .CircularButton.CircularButton--enabled:hover, | |
| .HeartButton-button--withThumbsUp .CircularToggleButton-pulse { | |
| background-color: #009688; | |
| border-color: #fefefe; | |
| box-shadow: none; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .HeartButton-button.IconToggleButton--toggledOn .IconButton, | |
| .HeartButton-button--isHearted~.HeartButton-heartCount, | |
| .MiniHeartButton.MiniHeartButton--hearted, | |
| .InboxReferencedTaskItem-detailsButton:hover { | |
| fill: #009688; | |
| color: #009688 | |
| } | |
| .HeartButton-heartCount { | |
| color: #fefefe !important | |
| } | |
| .MiniHeartButton.MiniHeartButton--hearted:hover, | |
| .HeartButton-button.IconToggleButton--toggledOn .IconButton:hover, | |
| .InboxReferencedTaskItem-detailsButton { | |
| fill: #fefefe70; | |
| color: #fefefe70 | |
| } | |
| #asana_main>div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium, | |
| #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, | |
| #right_pane__contents, | |
| .full-width-header.full-width-header--compact, | |
| .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, | |
| .nothing-selected { | |
| background: #212121 | |
| } | |
| .drop-indicator, | |
| .expandable, | |
| .full-width-header .header-name, | |
| .group_header .drop-indicator .expandable, | |
| .itemListGroupView-zipper, | |
| .react-mount-node .topbar-myTasksButton.is-selected, | |
| .react-mount-node .topbar-notificationsButton.is-selected, | |
| .tab-nav-div .tab-nav-bar .tab-nav-button.is-selected { | |
| color: #e2e2e2 | |
| } | |
| .potColor-background--NONE, | |
| .selected .itemInboxThreadView-token.potColor-background--NONE, | |
| .selected .itemThreadView-token.potColor-background--NONE { | |
| background-color: #676767; | |
| color: #212121 | |
| } | |
| .blockStoryView-body, | |
| .redesign-assigned-to-container .token_name, | |
| .redesign-due-date-container .token_name { | |
| color: #e2e2e2 | |
| } | |
| .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: #80cbc4 | |
| } | |
| .blockStoryView-actorLink, | |
| .hiddenLink, | |
| .taskCompletedStoryView .blockStoryView-actorLink { | |
| color: #009688 !important; | |
| font-weight: 700 | |
| } | |
| .blockStoryView-actorLink:hover { | |
| color: #80cbc4 | |
| } | |
| .StoryActorName-actorLink { | |
| color: #fefefe; | |
| font-weight: 700 | |
| } | |
| .StoryActorName-actorLink:hover { | |
| color: #009688; | |
| } | |
| .notificationView-iconAvatar.is-assignedToYou { | |
| background: #009688 | |
| } | |
| #asana_main>div.full-width-header.full-width-header--compact.full-width-header-sideElements--medium, | |
| .Topbar, | |
| .react-mount-node .topbar { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| #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: #e2e2e2 | |
| } | |
| .referenced-task-row-view { | |
| background: #212121; | |
| border-color: #42424270 | |
| } | |
| .itemListInboxThreadView-notification .selected.story .referenced-task-row-view { | |
| background: #424242 | |
| } | |
| .inboxThreadView-archiveButton, | |
| .inboxThreadView-unarchiveButton { | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .inboxThreadView-unarchiveButton:hover { | |
| background: #009688; | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .inbox .inbox-link-row:hover, | |
| .inboxThreadView.is-selectable.has-selectedNotification, | |
| .inboxThreadView.is-selectable:hover { | |
| background: 0 | |
| } | |
| .referenced-task-row-view:hover { | |
| background: #009688 | |
| } | |
| .team-page-projects { | |
| background: 0 | |
| } | |
| .remix-topbar #nav_search_input { | |
| background: #212121; | |
| color: #80cbc4 | |
| } | |
| .conversations .team-feed-conversation-wrapper, | |
| .message-composer-form .composer-input-wrap.expanded .menu-bar, | |
| .team-feed-conversation .conversation-reply-message, | |
| .teamFeedView-emptyStateCard { | |
| background: #009688 | |
| } | |
| .message-view .comment-text, | |
| .message-view .subject-link, | |
| .teamFeedView-emailTip, | |
| .teamFeedView-emptyStateMessage { | |
| color: #e2e2e2 | |
| } | |
| .MessageBanner--default { | |
| background-color: #009688; | |
| color: #e2e2e2 | |
| } | |
| .MessageBanner--default a { | |
| color: #212121; | |
| font-weight: 600 | |
| } | |
| .TaskPrivacyBanner-toggleForcePublicLink:focus, | |
| .TaskPrivacyBanner-toggleForcePublicLink:hover, | |
| .TaskPrivacyBanner-whyTooltip:focus, | |
| .TaskPrivacyBanner-whyTooltip:hover { | |
| border-bottom: 1px solid #e2e2e2; | |
| color: #e2e2e2; | |
| fill: #e2e2e2; | |
| text-decoration: none | |
| } | |
| .message-composer-form:not(.expanded).always-show-post-button .menu-bar { | |
| background: #424242; | |
| color: #e2e2e2 | |
| } | |
| #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: #e2e2e2 | |
| } | |
| .message-composer-form .composer-input-wrap .composer-placeholder, | |
| .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, | |
| .team-feed-conversation .conversation-reply-message.message-composer-form .composer-input-wrap.expanded .autogrow-textarea .hypertext-input { | |
| color: #e2e2e2 | |
| } | |
| .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: #e2e2e2 | |
| } | |
| .advanced-search-footer-row .advanced-search-footer-text, | |
| .dropdown-menu-item-label, | |
| .selected>.advanced-search-footer-row .advanced-search-footer, | |
| .selected>.advanced-search-footer-row .advanced-search-footer-text, | |
| .selected>.advanced-search-footer-row .customize { | |
| color: #e2e2e2 | |
| } | |
| #nav_search_list_sections_view_footer { | |
| background: #424242 | |
| } | |
| .dropdown .menu-widget.title, | |
| .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: #e2e2e2 | |
| } | |
| .menuItem-button:hover { | |
| background-color: #009688; | |
| color: #e2e2e2; | |
| fill: #e2e2e2; | |
| text-decoration: none | |
| } | |
| .TaskProjectSectionInfo-noSectionDropdown.is-dropdownVisible>.TaskProjectSectionInfo-dropdownArrow { | |
| fill: #009688 | |
| } | |
| .DatePickerCalendar-nextMonthIcon, | |
| .DatePickerCalendar-prevMonthIcon, | |
| .DropdownItem-disclosureIcon, | |
| .advanced-search-footer-row .search-row-icon, | |
| .menuItem-selectedIcon, | |
| .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, | |
| #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, | |
| .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: #e2e2e2 | |
| } | |
| #asana_main>div.full-width-header.full-width-header--compact.full-width-header-sideElements--large { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .full-width-header .center-pane-header-row-view, | |
| .full-width-header.full-width-header--expanded, | |
| .full-width-header.full-width-header--expanded .full-width-header-center, | |
| .notifications #center_pane, | |
| .notifications #right_pane { | |
| background: #212121 | |
| } | |
| .grid-row-selected .gridCell-interiorRowContainer, | |
| .grid-uncompact #grid .grid-row-selected:not(.focused)>td, | |
| .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, | |
| .itemRow.itemRow--highlighted.PotTaskRow.PotTaskRow--highlighted, | |
| .taskCheckboxNodeView.circularToggleButtonView--toggledOn .circularToggleButtonView-button { | |
| background: #424242 | |
| } | |
| .Tab--isSelected, | |
| .Tab:hover { | |
| color: #80cbc4 | |
| } | |
| .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: #e2e2e2 | |
| } | |
| .FeedMiniStory-xIcon { | |
| fill: #fefefe70 | |
| } | |
| .FeedMiniStory-xIcon:hover { | |
| fill: #009688; | |
| } | |
| .asset-thumbnail .asset-thumbnail-image:hover { | |
| border: 1px solid #80cbc4 | |
| } | |
| .detailsModalView, | |
| .grid-cell, | |
| .grid_cell_boolean, | |
| .grid_cell_schedule, | |
| .grid_cell_show_details { | |
| background: #212121 | |
| } | |
| .privacy-content, | |
| .taskPrivacyHeaderView-togglePrivacyLink, | |
| div.taskPrivacyHeaderView.privacy-info { | |
| color: #e2e2e2; | |
| background: #424242 | |
| } | |
| .grid-uncompact #grid .grid-row-selected+.task-row:not(:hover):not(.focused) .grid_cell_boolean, | |
| .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, | |
| .grid-uncompact #grid .task-row:not(.recently-changed) .grid-custom-fields, | |
| .grid-uncompact #grid .task-row:not(.recently-changed) .grid-tags-and-date, | |
| .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: #80cbc4 | |
| } | |
| .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, | |
| .small-feed-story-group, | |
| .small-feed-story-group a.storyCreatorWidget-creatorLink { | |
| color: #e2e2e2 | |
| } | |
| .DueDateInput-inputContainer input, | |
| .tab-nav-div .tab-nav-bar .tab-nav-button:not(.disabled) { | |
| color: #bcbfc2 | |
| } | |
| .DueDateToken--spreadsheetTaskPane .DueDateToken-tokenButton .DueDate--future { | |
| color: #e2e2e2; | |
| } | |
| .react-mount-node .menuItem-selectedIcon { | |
| color: #80cbc4 | |
| } | |
| .PotTypeaheadItem, | |
| .advanced-search-footer, | |
| .advanced-search-view a, | |
| .advanced-search-view div, | |
| .advanced-search-view li, | |
| .advanced-search-view span, | |
| .advanced-search-view ul, | |
| .blockStoryView-metadata, | |
| .projectOverviewView-headerTitle, | |
| a.NavigationLink.topbar-myTasksButton, | |
| a.NavigationLink.topbar-notificationsButton { | |
| color: #e2e2e2 | |
| } | |
| .DatePickerCalendar-day:hover .DatePickerCalendar-dayBackground, | |
| .buttonView.buttonView--toggle.is-active { | |
| background: #80cbc4; | |
| color: #e2e2e2 | |
| } | |
| .calendar-task-background-fullscreen-filler { | |
| position: fixed; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| opacity: .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: #009688 | |
| } | |
| .cal-row.cal-row-week .cal-col-month:not(.cal-col-project-due) .cal-col-inner { | |
| border-top-color: #fefefe70 | |
| } | |
| .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, | |
| a.NavigationLink.topbar-myTasksButton.is-selected, | |
| a.NavigationLink.topbar-notificationsButton.is-selected { | |
| color: #009688 | |
| } | |
| .checkbox-text, | |
| .label.arrowZipperView-label, | |
| .menu a, | |
| .menu div, | |
| .menu li, | |
| .menu span, | |
| .menu ul, | |
| .react-mount-node .dialog div, | |
| .react-mount-node .dialog li, | |
| .react-mount-node .newProjectDialogContent-label { | |
| color: #e2e2e2 | |
| } | |
| .FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled):focus, | |
| .FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled):hover { | |
| border-color: #009688; | |
| box-shadow: 0 0 0 0px #009688; | |
| color: #009688 | |
| } | |
| .ButtonGroupButton--active:focus { | |
| box-shadow: none; | |
| } | |
| .ButtonGroupButton--isSelected.AbstractThemeableRectangularButton { | |
| background: #009688; | |
| border-color: #009688; | |
| } | |
| .ButtonGroupButton--isNotSelected.AbstractThemeableRectangularButton { | |
| background: #303030; | |
| border-color: #424242; | |
| color: #fefefe75; | |
| fill: #fefefe75; | |
| } | |
| .ButtonGroupButton--isNotSelected.AbstractThemeableRectangularButton--isEnabled:hover { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #fff; | |
| fill: #fff; | |
| } | |
| .ButtonGroupButton--isSelected.AbstractThemeableRectangularButton--isEnabled:focus { | |
| box-shadow: 0 0 0 3px #009688; | |
| outline: none; | |
| } | |
| .ButtonGroupButton--isSelected.AbstractThemeableRectangularButton--isEnabled:hover { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #fff; | |
| fill: #fff; | |
| } | |
| .FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled).FormElementButton--active { | |
| background: #303030; | |
| border: 1px solid #42424270; | |
| box-shadow: inset 0 1px rgba(0, 0, 0, .1); | |
| color: #777; | |
| fill: #303030 | |
| } | |
| .SubtleButton.AbstractThemeableRectangularButton--isEnabled.AbstractThemeableRectangularButton--isActive, | |
| .SubtleButton.AbstractThemeableRectangularButton--isEnabled:active { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .DeprecatedDropdownContainer, | |
| .DropdownItem.is-highlighted, | |
| .grid-uncompact #grid .grid-row-selected.focused>td, | |
| .menuItem-button.is-highlighted, | |
| .menuItem-button:hover { | |
| background: #009688 | |
| } | |
| .priority.task-row.no-group.grid-row-selected, | |
| .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: #009688 | |
| } | |
| .detailsTitle-checkmarkButton.circularToggleButtonView--toggledOn .circularToggleButtonView-button:hover, | |
| .react-mount-node .BoardAddCardButton.Button--primary, | |
| .taskCompletedStoryView-avatar, | |
| .taskInboxThreadView-icon.is-completed { | |
| background: #80cbc4 | |
| } | |
| .detailsTitle-checkmarkButton.circularToggleButtonView--toggledOn .circularToggleButtonView-button, | |
| .taskCheckboxNodeView.circularToggleButtonView--toggledOn .circularToggleButtonView-button, | |
| .taskCompletedStoryView-avatar, | |
| .taskInboxThreadView-icon.is-completed { | |
| border-color: #009688 | |
| } | |
| .menu-submenu-expand-arrow, | |
| .svgIcon.dropdownMenuItem-selectedIcon { | |
| fill: #80cbc4 | |
| } | |
| .react-mount-node .dialog a { | |
| color: #80cbc4 | |
| } | |
| .react-mount-node .dialog { | |
| background: #424242; | |
| min-height: 400px | |
| } | |
| .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, | |
| .members-dropdown-member-list a, | |
| .members-dropdown-member-list div, | |
| .members-dropdown-member-list li, | |
| .members-dropdown-member-list ul, | |
| .projectMembersSummaryView, | |
| .projectMembersSummaryView a { | |
| color: #e2e2e2 | |
| } | |
| #left_pane, | |
| #navigation_dock_body, | |
| .navigationDockTeamBrowserView--expanded, | |
| .navigationDockTeamView--collapsed+.navigationDockTeamView--expanded, | |
| .navigationDockTeamView--expanded+.navigationDockTeamView--collapsed, | |
| .navigationDockTeamView--expanded+.navigationDockTeamView--expanded, | |
| .navigationDockTeamView:first-of-type, | |
| .react-mount-node .Sidebar { | |
| background: #21212170; | |
| border-right: 1px solid #42424270 | |
| } | |
| #navigation_dock, | |
| .navigationDockBrowseTeamView:hover, | |
| .navigationDockItemView:hover, | |
| .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: #009688 | |
| } | |
| .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, | |
| .project-description.always-expanded .autogrow-textarea .hypertext-input { | |
| color: #e2e2e2 | |
| } | |
| .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 #42424270 | |
| } | |
| .message-composer-form .composer-input-wrap { | |
| background-color: #212121 | |
| } | |
| .chart-container { | |
| opacity: .5; | |
| background-color: #303030; | |
| padding-top: 10px; | |
| padding-left: 10px | |
| } | |
| .highcharts-container { | |
| width: 100% !important | |
| } | |
| #center_pane_container { | |
| -webkit-transition: margin-left .15s ease-out, width .15s ease-out; | |
| transition: margin-left .1s ease-out, width .1s ease-out | |
| } | |
| .switch-view .switch.checked { | |
| background-color: #009688; | |
| border-color: #009688 | |
| } | |
| .TopbarSearchTypeahead-advancedItem { | |
| background-color: #303030 !important; | |
| color: #e2e2e2 !important | |
| } | |
| .TypeaheadItem-subtitle { | |
| color: #e2e2e2 !important | |
| } | |
| .Omnibutton, | |
| .TopbarPlaceholder-omnibutton, | |
| .omnibutton { | |
| background: #009688 !important; | |
| -webkit-transition: .1s transform; | |
| transition: .1s transform | |
| } | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:hover, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(.TaskRowCompletionStatus-checkbox--disabled):hover, | |
| .detailsTitle-checkmarkButton.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| .itemListInboxThreadView-notification .selected.story .referenced-task-row-view .referencedTaskRowView-checkButton:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button, | |
| .react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOff .CircularButton--enabled:hover, | |
| .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--incomplete:hover, | |
| .taskCheckboxNodeView.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| .taskCheckboxNodeView:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button { | |
| color: #e2e2e2; | |
| fill: #e2e2e2; | |
| background: #009688; | |
| box-shadow: 0 0 0 3px #009688; | |
| border-color: #009688 | |
| } | |
| .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: #42424270; | |
| 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, | |
| .react-mount-node .DueDate--future, | |
| .react-mount-node .MiniStory-actor, | |
| .react-mount-node svg:not(:root) polygon, | |
| .taskName.PotTaskRow-taskName, | |
| .userTypeaheadView-nameAndIcon { | |
| color: #e2e2e2 | |
| } | |
| .taskPrivacyHeaderView.privacy-warning { | |
| background: #424242 | |
| } | |
| .react-mount-node .sectionRow-sectionName .taskName-input { | |
| color: #e2e2e2; | |
| 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; | |
| box-shadow: inset 25px 0 0 #303030 | |
| } | |
| .SectionRow-sectionName { | |
| font-size: 16px; | |
| font-weight: 700; | |
| line-height: 21px; | |
| box-shadow: none; | |
| border-bottom: 1px solid #696969 | |
| } | |
| .is-hoveringAbove { | |
| border-top: 2px dotted #009688 | |
| } | |
| .is-hoveringBelow { | |
| border-bottom: 2px dotted #009688 | |
| } | |
| .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 #80cbc4 | |
| } | |
| .grid-uncompact #grid .bar-row:hover .grid_cell_show_details, | |
| .grid-uncompact #grid .bar-row:hover>td, | |
| .grid-uncompact #grid .grid_pseudorow_no_prioritized:hover .grid_cell_show_details, | |
| .grid-uncompact #grid .grid_pseudorow_no_prioritized:hover>td, | |
| .grid-uncompact #grid .task-row:hover .grid_cell_show_details, | |
| .grid-uncompact #grid .task-row:hover>td { | |
| border-bottom: 1px solid #009688; | |
| border-top: 1px solid #009688 | |
| } | |
| .grid-uncompact #grid .bar-row:hover .grid_cell_drag_handle, | |
| .grid-uncompact #grid .task-row:hover .grid_cell_drag_handle { | |
| border-left: 1px solid #009688 | |
| } | |
| .grid-uncompact #grid .bar-row:hover .grid_cell_show_details, | |
| .grid-uncompact #grid .task-row:hover .grid_cell_show_details { | |
| border-right: 1px solid #009688 | |
| } | |
| #right_pane_view_caret::before { | |
| border: 0; | |
| background: #80cbc4 | |
| } | |
| .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: #009688 | |
| } | |
| right_pane { | |
| -webkit-transition: width .1s ease-out; | |
| transition: width .1s ease-out | |
| } | |
| .archive-button-label polygon { | |
| fill: #e2e2e2 | |
| } | |
| #compose_conversation_subject, | |
| .teamFeedView-emailLink { | |
| color: #e2e2e2 | |
| } | |
| .calendar-center-pane-container .floatingSelectView-label, | |
| .project-overview-center-pane-container .person-card-view .person-info .name, | |
| .project-overview-center-pane-container .project-due-date.unset .placeholder-text, | |
| .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 #009688; | |
| -moz-box-shadow: inset 0 -3px #009688; | |
| -webkit-box-shadow: inset 0 -3px #009688 | |
| } | |
| .react-mount-node .newProjectForm { | |
| background: #424242 | |
| } | |
| #navigation_dock div, | |
| .react-mount-node .newProjectForm-label { | |
| color: #e2e2e2 | |
| } | |
| .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, | |
| .grid-compact #grid .recently-changed.referencedTaskRowView.grid_pseudorow_no_prioritized, | |
| .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, | |
| .grid-compact #grid .task-row.taskRowView--recentlyCompleted.completed.taskRow--willCollapse, | |
| .grid-compact #grid .taskRowView--recentlyCompleted.completed.taskRow--willCollapse.grid_pseudorow_no_prioritized, | |
| .referenced-task-row-view.recently-changed .gridCell-compactRowContainer, | |
| .referenced-task-row-view.recently-changed .gridCell-singleRowContainer, | |
| .referenced-task-row-view.recently-changed.referencedTaskRowView, | |
| .referenced-task-row-view.taskRowView--recentlyCompleted.completed.taskRow--willCollapse { | |
| background-image: linear-gradient(to right, #009688, #009688 33%, #009688 83%, #e2e2e2) | |
| } | |
| @-webkit-keyframes background-to-green-completion { | |
| 0% { | |
| background-color: #80cbc4 | |
| } | |
| 100%, | |
| 33% { | |
| background-color: #009688 | |
| } | |
| } | |
| @-moz-keyframes background-to-green-completion { | |
| 0% { | |
| background-color: #80cbc4 | |
| } | |
| 100%, | |
| 33% { | |
| background-color: #009688 | |
| } | |
| } | |
| @keyframes background-to-green-completion { | |
| 0% { | |
| background-color: #80cbc4 | |
| } | |
| 100%, | |
| 33% { | |
| background-color: #009688 | |
| } | |
| } | |
| .react-mount-node .menuSubmenuItem.is-highlighted, | |
| .task-description-changed-story .diff-delete { | |
| background: #009688 | |
| } | |
| .react-mount-node .taskName-autogrowTextarea .autogrowTextarea-input { | |
| color: #e2e2e2 | |
| } | |
| .react-mount-node .sectionRow-sectionName.taskName-autogrowTextarea { | |
| box-shadow: inset 0 -1px #424242 | |
| } | |
| .react-mount-node .itemRow.itemRow--highlighted { | |
| background: #009688; | |
| border-bottom: 1px solid #009688; | |
| box-shadow: 0 -1px #009688 | |
| } | |
| .react-mount-node .itemRow.itemRow--focused, | |
| .react-mount-node .sectionRow { | |
| box-shadow: none | |
| } | |
| .react-mount-node .itemRow:hover, | |
| .react-mount-node .itemRow:hover:not(.itemRow--disabled) { | |
| box-shadow: none; | |
| border-color: #009688 | |
| } | |
| .list-section-items .item-label { | |
| color: #e2e2e2 | |
| } | |
| .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--complete, | |
| .taskRowCompletionStatus-checkIcon .react-mount-node svg:not(:root) polygon { | |
| color: #e2e2e2; | |
| fill: #e2e2e2; | |
| background: #009688; | |
| border-color: #009688 | |
| } | |
| .react-mount-node .BlockStory-storyContent .icon, | |
| .react-mount-node svg:not(:root) polygon { | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .icon.StarFullIcon.DatePickerCalendar-todayIcon polygon, | |
| .icon.XIcon.WaitingOnBanner-removeButton polygon, | |
| .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink, | |
| .react-mount-node .dropdownMenuOption-checkIcon, | |
| .ConsoleMetricWidget-metricNumber { | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .FavoriteStar-favorited { | |
| fill: #fcbd01 !important; | |
| } | |
| .IconButton { | |
| fill: #fefefe75 | |
| } | |
| .IconButton.IconButton--enabled:hover { | |
| fill: #009688; | |
| } | |
| .SpreadsheetPageStructure-fullWidth { | |
| background-color: #212121 | |
| } | |
| .SpreadsheetHeaderLeftStructure-taskNameHeadingBorder, | |
| .SpreadsheetGridTaskNameCell-dragHandlePlaceholder { | |
| border-color: #42424270; | |
| } | |
| .SpreadsheetHeaderLeftStructure.SpreadsheetHeaderLeftStructure--isDropdownOpen, | |
| .SpreadsheetHeaderLeftStructure.SpreadsheetHeaderLeftStructure--isSortedByField { | |
| color: #777; | |
| fill: #777 | |
| } | |
| .SpreadsheetGridTaskNameCell:hover .SpreadsheetTaskName--editable:not(.SpreadsheetTaskName--childFocused) { | |
| background: #303030; | |
| border-color: #42424270; | |
| } | |
| .SpreadsheetGridTaskNameCell:hover .SpreadsheetTaskName--editable:not(.SpreadsheetTaskName--childFocused):hover { | |
| border-color: #424242; | |
| } | |
| .SpreadsheetCell--withShadedBackground .SpreadsheetAssigneeInputCell-removeButton { | |
| background-color: #009688; | |
| fill: #fefefe; | |
| color: #fefefe | |
| } | |
| .SpreadsheetAssigneeInputCell-xMiniIcon { | |
| fill: #fefefe | |
| } | |
| .Dialog, | |
| .react-mount-node .dialog-header .CustomPropertyProjectSettingsDialog-title, | |
| .react-mount-node .topbar-myDashboardButton { | |
| color: #e2e2e2 | |
| } | |
| .guest-icon, | |
| .react-mount-node .DropdownItem-disclosureIcon { | |
| fill: #80cbc4 | |
| } | |
| #asana_ui { | |
| background: #212121 | |
| } | |
| .dropdownMenuOption-button.CustomPropertyTypeDropdown-option { | |
| background: #424242 | |
| } | |
| .CustomPropertyTypeahead-typeaheadHeader { | |
| background: #303030; | |
| } | |
| .CustomPropertyProtoMultiRowTypeaheadItem--highlighted .CustomPropertyProtoMultiRowTypeaheadItem-content { | |
| background: #303030; | |
| } | |
| .CustomPropertyProtoMultiRowTypeaheadItem--highlighted::before, | |
| .CustomPropertyProtoMultiRowTypeaheadItem--selected::before { | |
| border-color: #42424270 | |
| } | |
| .CustomPropertyProtoMultiRowTypeaheadItem-separator { | |
| border-color: #42424270; | |
| } | |
| .CustomPropertyProtoMultiRowTypeaheadItem-description { | |
| color: #777 | |
| } | |
| .Dialog-header { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .Dialog { | |
| background: #212121 | |
| } | |
| .Dialog-headerTitle { | |
| color: #009688 | |
| } | |
| .AddAttachmentsMenuItem, | |
| .burnup-settings-section-label, | |
| .item.selectable.static, | |
| .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, | |
| .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, | |
| .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: #e2e2e2; | |
| 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-color: #424242; | |
| border-color: #42424270; | |
| color: #fefefe75; | |
| fill: #fefefe75 | |
| } | |
| .react-mount-node .CompletionCheckbox .CircularToggleButton .CircularToggleButton-pulse, | |
| .react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOn .CircularButton, | |
| .react-mount-node .TaskCompletedBlockStory-icon, | |
| .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--complete.taskRowCompletionStatus--taskRowSelected, | |
| .taskIconWidget--complete { | |
| border-color: #009688; | |
| background: #009688 | |
| } | |
| .circularToggleButtonView.circularToggleButtonView--toggledOn.circularToggleButtonView--recentlyToggled.taskCheckboxNodeView>div, | |
| .taskCompletedStoryView-avatar, | |
| .taskInboxThreadView-icon.is-completed { | |
| background: #009688 | |
| } | |
| .detailsPaneProjectTokenizerView-token.detailsPaneProjectTokenizerView-token-multihome:hover, | |
| .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 | |
| } | |
| .SubtaskTaskRow.SubtaskTaskRow--isSpreadsheetTaskPane.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted):hover, | |
| .SubtaskTaskRow.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted):hover { | |
| background-color: #303030 | |
| } | |
| .react-mount-node .DatePickerCalendar-day.is-adjacentMonth, | |
| .react-mount-node .TokenizerInput-input { | |
| background: #424242; | |
| color: #e2e2e2 | |
| } | |
| .react-mount-node .DatePickerCalendar-dayButton:hover { | |
| background: #009688; | |
| color: #e2e2e2 | |
| } | |
| .react-mount-node .DatePickerCalendar-dayButton.is-selected, | |
| .react-mount-node .dropdownMenuItem-button { | |
| background: #80cbc4; | |
| color: #e2e2e2 | |
| } | |
| .react-mount-node .AssigneeToken-tokenButton, | |
| .react-mount-node .AssigneeToken-userNameLabel, | |
| .react-mount-node .DueDateToken-label { | |
| color: #e2e2e2 | |
| } | |
| .AssigneeToken-userNameLabel { | |
| color: #e2e2e2 | |
| } | |
| .react-mount-node .CustomPropertyDetailsRowStructure-label { | |
| color: #fefefe70 | |
| } | |
| .CustomPropertyDetailsRowStructure-label { | |
| color: #666 | |
| } | |
| .LabeledRowStructure-label { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #fefefe70; | |
| font-size: .85em; | |
| } | |
| .TokenButton { | |
| background: transparent; | |
| color: #fefefe; | |
| fill: #303030; | |
| border: 1px solid transparent | |
| } | |
| .TokenButton-title { | |
| color: #fefefe75; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .TokenButton.TokenButton--interactive:focus, | |
| .TokenButton.TokenButton--interactive:hover { | |
| background-color: #303030; | |
| border: 1px solid transparent; | |
| color: #fefefe !important; | |
| fill: #009688; | |
| } | |
| .TokenButton--interactive:hover>.TokenButton-icon, | |
| .TokenButton--interactive:focus>.TokenButton-icon { | |
| background-color: #009688; | |
| border-color: #009688; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .TokenButton--interactive:hover>.TokenButton-icon { | |
| background-color: #009688; | |
| border: 1px solid #424242; | |
| fill: #fefefe | |
| } | |
| .TokenButton.TokenButton--hasValue { | |
| color: #e2e2e2; | |
| font-weight: 700; | |
| background-color: transparent; | |
| } | |
| .Button.Button--secondary:not(.Button--disabled) { | |
| background: #303030 !important | |
| } | |
| .react-mount-node .RecurrenceView, | |
| .react-mount-node .TaskAttachments-fileName, | |
| .react-mount-node .nativeFloatingSelect { | |
| color: #80cbc4 | |
| } | |
| .RecurrenceView { | |
| color: #fefefe | |
| } | |
| .NativeFloatingSelect { | |
| border-color: #009688; | |
| color: #009688 | |
| } | |
| .TaskAttachments-uploadProgress { | |
| background-color: #424242 | |
| } | |
| .react-mount-node .DueDateToken-repeatIcon { | |
| fill: #80cbc4; | |
| background: 0 | |
| } | |
| .details-pane-footer, | |
| .details-pane-title-rows-container.sticky-view-stuck, | |
| .details-pane-toolbar, | |
| .feedView-activitySeparator, | |
| .inbox .inbox-link-row, | |
| .inbox .inbox-link-row:hover, | |
| .inboxThreadView, | |
| .inboxThreadView.is-selectable.has-selectedNotification, | |
| .inboxToolbar, | |
| .react-mount-node .SingleTaskPane-footer, | |
| .react-mount-node .SingleTaskPaneToolbar, | |
| .react-mount-node .StoryFeed-separator, | |
| .react-mount-node .TaskFollowers, | |
| .taskAttachmentsView.has-attachments~.property.comments .taskFeedView-feed, | |
| .taskDetailsView-description { | |
| border-color: #42424270 | |
| } | |
| .SingleTaskPanePlaceholder-toolbar, | |
| .SingleTaskPaneToolbar { | |
| margin: 0 | |
| } | |
| .SingleTaskPaneToolbarAnimation-title { | |
| font-weight: 800 | |
| } | |
| .followerDividerLine { | |
| background-color: #424242 | |
| } | |
| .react-mount-node .CustomPropertyDetailsContainer { | |
| border-bottom: 1px solid #42424270; | |
| border-top: 1px solid #42424270 | |
| } | |
| .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: #009688; | |
| background: #009688; | |
| -webkit-box-shadow: 0 0 0 3px #009688; | |
| box-shadow: 0 0 0 3px #009688; | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .ButtonSelect-label, | |
| .GridFilterSection-label, | |
| .react-mount-node .CustomPropertyGenericPreviewCell .CustomPropertyGenericPreviewCell-value, | |
| .react-mount-node .CustomPropertyNumberPreviewCell .CustomPropertyNumberPreviewCell-value { | |
| color: #e2e2e2 | |
| } | |
| .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, | |
| .react-mount-node .DeprecatedButtonSelect-downIcon { | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton { | |
| background: #009688 | |
| } | |
| .react-mount-node .BoardAddCardButton.Button--primary:active:not(.Button--disabled), | |
| .react-mount-node .BoardAddCardButton.Button--primary:hover:not(.Button--disabled), | |
| .react-mount-node .CustomPropertyProtoTypeahead-dropdown.CustomPropertyProtoTypeahead-dropdown--withCreateButton .dropdownMenu-item .CustomPropertyProtoTypeaheadHeader { | |
| background: #424242 | |
| } | |
| .numberedTaskList, | |
| .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: #009688; | |
| border-color: #009688; | |
| box-shadow: inset 1px 0 0 1px #009688; | |
| -moz-box-shadow: inset 1px 0 0 1px #009688; | |
| -webkit-box-shadow: inset 1px 0 0 1px #009688 | |
| } | |
| .DatePickerCalendarDate--adjacentMonth, | |
| .DatePickerCalendarDate--weekend { | |
| background: #191919 | |
| } | |
| .DatePickerCalendarDate--oneDaySelection .DatePickerCalendarDate-selectionGrayBackground { | |
| background: #424242; | |
| } | |
| .DatePickerCalendarDate--oneDaySelection .DatePickerCalendarDate-selectionGrayBackground, | |
| .DatePickerCalendarDate--oneDaySelection .DatePickerCalendarDate-selectionBackground { | |
| border: 2px solid #424242; | |
| } | |
| .Dropdown { | |
| background: #303030; | |
| border: 1px solid #42424270; | |
| box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .4) | |
| } | |
| .SingleTaskPane-projects .textInput.textInput--medium, | |
| .TaskProjects-projects .TaskProjectsMultihome-projects .textInput.textInput--medium, | |
| .TaskProjectsMultihome-typeaheadContainer .textInput.textInput--medium { | |
| color: #80cbc4 | |
| } | |
| .menuItem--disabled:hover { | |
| color: #e2e2e2; | |
| background: #bcbfc2 | |
| } | |
| .MenuItemBase-button { | |
| color: #fefefe | |
| } | |
| .GridHeader { | |
| background: #212121; | |
| box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2) | |
| } | |
| .FloatingSelect:focus, | |
| .FloatingSelect:hover { | |
| border-bottom: 1px solid #009688; | |
| color: #009688; | |
| fill: #009688; | |
| text-decoration: none | |
| } | |
| .Button.Button--secondary:not(.Button--disabled) { | |
| border-color: #303030; | |
| color: #e2e2e2; | |
| fill: #666 | |
| } | |
| .Button.Button--secondary:not(.Button--disabled):focus, | |
| .Button.Button--secondary:not(.Button--disabled):hover { | |
| border-color: #009688; | |
| box-shadow: none; | |
| color: #e2e2e2; | |
| background-color: #009688 !important; | |
| 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 #009688; | |
| box-shadow: inset 0 1px rgba(0, 0, 0, .1); | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .ButtonSelect-item:not(.menuItem--disabled).is-highlighted, | |
| .ButtonSelect-item:not(.menuItem--disabled):hover { | |
| background: #009688; | |
| color: #e2e2e2; | |
| fill: #009688; | |
| text-decoration: none | |
| } | |
| .dropdown { | |
| border: 1px solid #42424270 | |
| } | |
| .FakeSearchGridRow, | |
| .ItemRow, | |
| .PotGridBodyPlaceholder-itemRow, | |
| .PotGridToolbarPlaceholder-button { | |
| padding: 1px 30px; | |
| border-top: 1px solid #42424270 | |
| } | |
| .SubtaskList--withFirstLastSeparatingLines::before, | |
| .SubtaskTaskRow.SubtaskTaskRow--isSpreadsheetTaskPane::after, | |
| .SubtaskList--withFirstLastSeparatingLines::after, | |
| .SubtaskTaskRow::after { | |
| border-color: #42424270; | |
| color: #fefefe | |
| } | |
| :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: #262626; | |
| border: none; | |
| } | |
| .CommentComposer.CommentComposer--isFocused { | |
| border-color: #42424270; | |
| background: 262626; | |
| box-shadow: none; | |
| } | |
| .TaskCommentComposer-composer { | |
| border: 1px solid #42424270; | |
| padding: 0 9px; | |
| background: #303030; | |
| color: #e2e2e2 | |
| } | |
| .TaskCommentComposer.is-focused .TaskCommentComposer-composer { | |
| -webkit-animation: none; | |
| animation: none; | |
| border-color: #42424270; | |
| 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: #009688; | |
| border-color: #009688; | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .TaskFollowers-toggleButtonIcon, | |
| .dragHandle:hover { | |
| fill: #009688 | |
| } | |
| .ToggleFollowButton-toggleButtonIcon { | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .ToggleFollowButton-toggleText { | |
| color: #fefefe75; | |
| border-color: #fefefe75; | |
| fill: #fefefe75; | |
| } | |
| .ToggleFollowButton-toggleText:hover, | |
| .ToggleFollowButton-toggleText:focus { | |
| color: #009688; | |
| border-color: #009688; | |
| fill: #009688; | |
| text-decoration: none; | |
| } | |
| .TaskFollowers-toggleText { | |
| border-bottom: 1px dotted #009688; | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .Card, | |
| .CardButton, | |
| .ConversationsPlaceholder-composer, | |
| .ConversationsPlaceholder-conversation { | |
| background: #303030; | |
| color: #e2e2e2 | |
| } | |
| .MessageBanner--important { | |
| background-color: #303030; | |
| color: #e2e2e2 | |
| } | |
| .TypeaheadItem.TypeaheadItem--highlighted { | |
| background: #009688 | |
| } | |
| .TypeaheadItem-title { | |
| font-weight: 700 | |
| } | |
| .Tab.Tab--isSelected { | |
| box-shadow: inset 0 -3px #009688 | |
| } | |
| body { | |
| font-size: 1.1em; | |
| color: #e2e2e2 | |
| } | |
| #itemListGroupView-zipper { | |
| font-weight: 100 | |
| } | |
| .details-pane-title .header-name, | |
| .notification-header .notification-title { | |
| font-weight: 600; | |
| font-size: 1.3em | |
| } | |
| .itemRowView-potToken, | |
| .SingleTaskTitleInput-taskName .AutogrowTextarea-input, | |
| .SingleTaskTitleInput-taskName .AutogrowTextarea-shadow { | |
| /* font-family: Lato, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, Source Sans Pro !important; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .bar-row .bar_input_span { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .bar-row .task-row-text-input { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .full-width-header .header-name, | |
| .grid_due_date.overdue { | |
| /* font-family: Lato, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, Source Sans Pro !important; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .grid_due_date.overdue { | |
| font-weight: 600 | |
| } | |
| .CustomPropertyTextValueInput .autogrowTextarea-input, | |
| .CustomPropertyTextValueInput .autogrowTextarea-shadow { | |
| /* font-family: Lato, SF Mono, Operator Mono, -Apple-system, BlinkMacSystemFont, monospace; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .taskDetailsView-description .autogrow-textarea { | |
| font-family: Operator SSM, SF Mono, FuraCode Nerd Font, FuraCode Nerd Font Mono, Dank Mono, Hasklig, Operator Mono, monospace; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-size: .95em | |
| } | |
| .navigationDockDomainView-teamSectionHeader-label, | |
| .navigationDockItemView-label, | |
| .team-header, | |
| .team-name navigationDockTeamView-teamName { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .drag_target { | |
| min-height: 35px | |
| } | |
| .list-item navigationDockItemView potColor potColor-leftBorder--NONE selected { | |
| height: 40px | |
| } | |
| .navigationDockItemView-label { | |
| font-weight: 400; | |
| font-size: .85em; | |
| line-height: 48px | |
| } | |
| .navigationDockDomainView-teamSectionHeader-label { | |
| font-weight: 700 | |
| } | |
| .new-project-text { | |
| /* font-family: Lato, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, Source Sans Pro !important; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-weight: bold | |
| } | |
| .multiline { | |
| /* font-family: Lato, SF Mono, Operator Mono, -Apple-system, BlinkMacSystemFont, monospace; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-size: 1em | |
| } | |
| .react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-input, | |
| .react-mount-node .SingleTaskTitleRow-taskName .autogrowTextarea-shadow { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| 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, | |
| .react-mount-node .Pill.Pill--large, | |
| .react-mount-node .ProjectOverviewSection-header, | |
| .react-mount-node .Tokenizer, | |
| .react-mount-node .sectionRow-sectionName, | |
| .richText, | |
| .tagTokenSource-tagLabel--pill, | |
| .taskTagsView-tokenArea .tokenView { | |
| /* font-family: Lato, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, Source Sans Pro !important; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .RichText, | |
| .autogrowTextarea-shadow, | |
| .react-mount-node .textInput, | |
| .simpleTextarea { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .Pill.Pill--plaintext.Pill--clickable { | |
| color: #fefefe; | |
| } | |
| .Pill.Pill--plaintext.Pill--clickable:hover { | |
| background-color: #303030 | |
| } | |
| .TaskProjectColumnInfo-dropdown--spreadsheet.FloatingSelect:hover, | |
| .TaskProjectColumnInfo-dropdown--spreadsheet.FloatingSelect:focus, | |
| .TaskProjectColumnInfo-dropdown--spreadsheet.FloatingSelect.is-dropdownVisible { | |
| color: #009688 | |
| } | |
| .TaskProjectColumnInfo-dropdown--spreadsheet.FloatingSelect:hover .FloatingSelect-icon, | |
| .TaskProjectColumnInfo-dropdown--spreadsheet.FloatingSelect:focus .FloatingSelect-icon, | |
| .TaskProjectColumnInfo-dropdown--spreadsheet.FloatingSelect.is-dropdownVisible .FloatingSelect-icon { | |
| fill: #009688 | |
| } | |
| .Pill.Pill--colorNone { | |
| background-color: #424242 !important; | |
| color: #fefefe85 | |
| } | |
| .detailsPaneProjectTokenizerView-token .luna1Token--pill { | |
| font-weight: 500 | |
| } | |
| #navigation_dock { | |
| width: 215px | |
| } | |
| .group_header .drop-indicator .expandable { | |
| font-weight: 700 | |
| } | |
| .BoardColumnHeader-title, | |
| .dismissable-overlay { | |
| font-weight: 500 | |
| } | |
| .TextEditor-container { | |
| border-color: #42424270 | |
| } | |
| .textEditor-container .ql-editor { | |
| font-size: 1.1em | |
| } | |
| .TextEditor-container.TextEditor--dynamic:hover { | |
| border-color: #424242 | |
| } | |
| .TextEditor-container.is-focused, | |
| .TextEditor-container.TextEditor--dynamic.is-focused { | |
| background: #303030; | |
| border-color: #424242; | |
| box-shadow: inset 0 1px #424242 | |
| } | |
| .TextEditor-placeholder, | |
| .TextEditor-container::placeholder, | |
| .AutogrowTextarea-shadow::placeholder { | |
| color: #fefefe70 | |
| } | |
| .Pill.Pill--small { | |
| font-size: .7em; | |
| font-weight: 600 | |
| } | |
| .react-mount-node .Tokenizer { | |
| font-size: 1em !important | |
| } | |
| .react-mount-node .Pill.Pill--large { | |
| font-size: .9em | |
| } | |
| .react-mount-node .sectionRow-sectionName { | |
| background-color: #eb8181 !important | |
| } | |
| .grid-tags-and-date .grid_due_date { | |
| font-size: .8em | |
| } | |
| .grid_due_date.due_soon { | |
| color: #37c597; | |
| font-weight: 700 | |
| } | |
| .simpleTextarea.simpleTextarea--dynamic:focus { | |
| border-color: #42424270 | |
| } | |
| textarea:active:not(.override-hover-border):not([disabled]), | |
| textarea:hover:not(.override-hover-border):not([disabled]) { | |
| border-color: #42424270 !important | |
| } | |
| .StoryFeed .BlockStory, | |
| .autogrowTextarea-shadow { | |
| border: 1px solid #42424270 | |
| } | |
| .react-mount-node .autogrowTextarea-input, | |
| .react-mount-node .autogrowTextarea-shadow { | |
| overflow: auto | |
| } | |
| .StoryFeed, | |
| .scrollable--vertical { | |
| overflow-y: auto; | |
| overflow-x: hidden | |
| } | |
| .scrollable--vertical { | |
| min-height: 1px | |
| } | |
| .CustomPropertyTextValueInput .autogrowTextarea-input, | |
| .CustomPropertyTextValueInput .autogrowTextarea-shadow { | |
| max-height: 110%; | |
| max-width: 98% | |
| } | |
| .react-mount-node .MiniStory { | |
| color: #777; | |
| line-height: 1.6em | |
| } | |
| .MiniStory a { | |
| font-weight: 700; | |
| color: #009688 | |
| } | |
| .BlockStory-actorLink:link, | |
| .react-mount-node .BlockStory-actorLink, | |
| .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink:hover { | |
| color: #e2e2e2 | |
| } | |
| .BlockStory-actorLink:hover { | |
| color: #009688 | |
| } | |
| .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: #e2e2e2; | |
| text-decoration: underline | |
| } | |
| .BlockStory-icon { | |
| padding-left: 10px | |
| } | |
| .MiniHeartButton { | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .MiniHeartButton--withThumbsUp:hover, | |
| .miniHeartButtonView--withThumbsUp.is-hearted { | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .MiniHeartButton.MiniHeartButton--hearted { | |
| font-weight: 900; | |
| /* font-family: Lato, SF Mono, Operator Mono, -Apple-system, BlinkMacSystemFont, monospace; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .HeartButton-button--withThumbsUp.CircularToggleButton--toggledOff .CircularButton--enabled:focus, | |
| .HeartButton-button--withThumbsUp.CircularToggleButton--toggledOff .CircularButton--enabled:hover { | |
| box-shadow: 0 0 0 3px #009688; | |
| color: #009688; | |
| fill: #fefefe; | |
| border-color: #009688 | |
| } | |
| .CircularButton.CircularButton--enabled:active { | |
| background-color: #009688; | |
| border: 1px solid #009688; | |
| box-shadow: inset 0 1px #009688; | |
| fill: #e2e2e2 | |
| } | |
| .CircularButton { | |
| background: #424242; | |
| border-color: #42424270; | |
| fill: #fefefe75; | |
| color: #fefefe75; | |
| } | |
| .CircularButton.CircularButton--enabled:hover { | |
| background-color: #009688 !important; | |
| border-color: #009688; | |
| fill: #fefefe; | |
| color: #fefefe | |
| } | |
| .CircularButton:focus { | |
| background-color: #009688; | |
| border-color: #009688; | |
| box-shadow: 0 0 0 3px #009688; | |
| color: #009688; | |
| fill: #e2e2e2; | |
| outline: 0 | |
| } | |
| .InfoButton-infoGuideButtonIcon { | |
| background-color: transparent; | |
| fill: #fefefe | |
| } | |
| .ButtonSelect-downIcon, | |
| .ButtonSelect:hover:not(.ButtonSelect--disabled) .ButtonSelect-downIcon { | |
| fill: #fefefe70 | |
| } | |
| .ButtonSelect.is-dropdownVisible .ButtonSelect-downIcon, | |
| .ButtonSelect.is-dropdownVisible:hover .ButtonSelect-downIcon { | |
| fill: #009688 | |
| } | |
| .FeedBlockStory-actionsDropdownIcon { | |
| fill: #e2e2e2; | |
| right: 30px; | |
| top: 50px; | |
| color: #e2e2e2; | |
| visibility: visible | |
| } | |
| .textInput:focus { | |
| box-shadow: none; | |
| border-color: #009688; | |
| } | |
| .textInput::placeholder { | |
| color: #fefefe75 | |
| } | |
| .generic-input.focused:not(.override-focus-border), | |
| .generic-input.recurly-hosted-field-focus:not(.override-focus-border), | |
| .generic-input:focus:not(.override-focus-border), | |
| .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), | |
| .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), | |
| 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), | |
| .recurly .recurly-hosted-field.showing.focused:not(.override-focus-border), | |
| .recurly .recurly-hosted-field.showing.recurly-hosted-field-focus:not(.override-focus-border), | |
| .recurly input[type=text].showing.focused:not(.override-focus-border), | |
| .recurly input[type=text].showing.recurly-hosted-field-focus:not(.override-focus-border), | |
| 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 #42424270 !important; | |
| background-color: #303030; | |
| box-shadow: none; | |
| animation: none | |
| } | |
| .FeedBlockStory-actionsDropdownIcon.is-dropdownVisible, | |
| .FeedBlockStory-actionsDropdownIcon:hover { | |
| fill: #009688; | |
| visibility: visible | |
| } | |
| .react-mount-node .textInput { | |
| font-weight: 400; | |
| font-size: .9em | |
| } | |
| .code, | |
| .hypertext-input code { | |
| font-size: .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, | |
| .react-mount-node .sectionRow-sectionName.taskName-autogrowTextarea .autogrowTextarea-input, | |
| .react-mount-node .sectionRow-sectionName.taskName-autogrowTextarea .autogrowTextarea-shadow, | |
| .react-mount-node .textEditor-container { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .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, | |
| .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: Lato, SF Mono, Operator Mono, -Apple-system, BlinkMacSystemFont, monospace; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .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: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .buttonView.buttonView--secondary:not(.is-disabled) { | |
| background: #303030; | |
| border-color: #42424270; | |
| color: #fefefe; | |
| fill: #303030 | |
| } | |
| .buttonView.buttonView--secondary:not(.is-disabled):hover { | |
| background-color: #009688; | |
| border-color: #009688; | |
| border-style: solid; | |
| color: #fefefe; | |
| fill: #009688 | |
| } | |
| .MultiTaskTitleRow-titleText { | |
| color: #e2e2e2; | |
| 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: 1px solid #42424270; | |
| border-top: 0 | |
| } | |
| .details-pane-title .header-name { | |
| font-size: 18px | |
| } | |
| a { | |
| color: #009688; | |
| text-decoration: none | |
| } | |
| .DatePicker, | |
| .Popover--light>.Popover-body { | |
| color: #e2e2e2; | |
| background: #212121 | |
| } | |
| .DatePicker-addDueTime, | |
| .DatePicker-addRecurrence, | |
| .DatePicker-addDateRange { | |
| color: #009688 | |
| } | |
| .Popover--light>.Popover-body { | |
| border: 1px solid #42424270 | |
| } | |
| .Popover-body { | |
| background: #212121 | |
| } | |
| .Popover--light .Popover-caret::before { | |
| background: #212121; | |
| border: 1px solid #42424270 | |
| } | |
| .DatePicker-calendar, | |
| .DatePickerCalendar-weekdayHeaders { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .DatePickerCalendarDate--oneDaySelection.DatePickerCalendarDate--showSelectionBackground .DatePickerCalendarDate-selectionBackground { | |
| background: #009688 | |
| } | |
| .DatePickerCalendarDate--today { | |
| background-color: #009688; | |
| color: #fefefe; | |
| font-weight: 900 | |
| } | |
| .DatePickerCalendarDate--today .DatePickerCalendarDate-button::after { | |
| background: #009688 | |
| } | |
| .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: #42424270 | |
| } | |
| .AssigneeToken-doNotDisturbIcon { | |
| fill: #009688; | |
| } | |
| .AssigneeToken-multiAssignButton { | |
| background: #212121; | |
| fill: #e2e2e2 | |
| } | |
| .Topbar-navButton { | |
| border-right: 1px solid #42424270; | |
| fill: #848f99 | |
| } | |
| .Topbar-navButton:hover { | |
| background: #009688; | |
| fill: #212121 | |
| } | |
| a:focus, | |
| a:hover { | |
| color: #80cbc4; | |
| text-decoration: underline | |
| } | |
| .TaskGroupHeader { | |
| font-weight: 800 | |
| } | |
| .TaskGroupHeader-content { | |
| color: #999; | |
| font-weight: 600 | |
| } | |
| .TaskGroupHeader--collapsible .TaskGroupHeader-content:hover { | |
| color: #009688 | |
| } | |
| .dialog2 { | |
| background-color: #212121; | |
| box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1); | |
| font-size: 13px; | |
| color: #e2e2e2 | |
| } | |
| .dialog2 .header .title { | |
| color: #e2e2e2; | |
| font-weight: 600 | |
| } | |
| .dialog2 .header { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .tab.selected { | |
| box-shadow: inset 0 -3px #009688; | |
| color: #e2e2e2 | |
| } | |
| .tab-view { | |
| border-bottom: 0 | |
| } | |
| a.tabView-tabName:hover { | |
| color: #009688 | |
| } | |
| .TeamRow-members, | |
| .TeamRow-name, | |
| .TeamRow-type, | |
| input { | |
| color: #e2e2e2 | |
| } | |
| input { | |
| background-color: #303030; | |
| border-color: #42424270 | |
| } | |
| .generic-input.showing, | |
| .recurly .recurly-hosted-field.showing, | |
| .recurly input[type=text].showing, | |
| textarea.showing { | |
| border: 1px solid #42424270; | |
| color: #e2e2e2 | |
| } | |
| .TeamList-description { | |
| color: #706070 | |
| } | |
| .TeamList-header { | |
| font-weight: 700; | |
| color: #009688 | |
| } | |
| .buttonSelectView-button { | |
| border-color: #42424270; | |
| color: #e2e2e2 | |
| } | |
| .orgs-admin-form .form-row .admins-field-value .value a { | |
| font-weight: 500; | |
| color: #e2e2e2 | |
| } | |
| .buttonView.buttonView--secondary { | |
| background: #212121; | |
| border-color: #009688; | |
| color: #e2e2e2; | |
| fill: #009688 | |
| } | |
| .buttonView.buttonView--secondary:focus, | |
| .buttonView.buttonView--secondary:hover { | |
| border-color: transparent; | |
| box-shadow: inset 0 0 transparent, 0 0 0 3px #009688; | |
| color: #e2e2e2; | |
| fill: #009688; | |
| background: #009688 | |
| } | |
| .dropdown .dropdown-menu .item.hovered:not(.disabled), | |
| .dropdown .dropdown-menu .item:hover:not(.disabled), | |
| .dropdown .dropdown-menu .menu-item.hovered:not(.disabled), | |
| .dropdown .dropdown-menu .menu-item:hover:not(.disabled) { | |
| background-color: #009688; | |
| color: #e2e2e2 | |
| } | |
| .TeamRow-editLink:focus, | |
| .TeamRow-editLink:hover { | |
| border-bottom: 1px solid #009688; | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| #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: #009688; | |
| 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, .15); | |
| line-height: 1.5 | |
| } | |
| .dialog--nux-content .title { | |
| color: #009688; | |
| font-size: 36px; | |
| font-weight: 400 | |
| } | |
| .form-input input, | |
| .form-input select, | |
| .form-input textarea { | |
| background-color: #212121; | |
| border: 1px solid #42424270; | |
| border-radius: 3px; | |
| color: #e2e2e2 | |
| } | |
| .buttonView.buttonView--primary { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #e2e2e2 | |
| } | |
| .buttonView.buttonView--primary:focus, | |
| .buttonView.buttonView--primary:hover { | |
| background: #009688; | |
| border-color: #80cbc4; | |
| box-shadow: inset 0 0 transparent, 0 0 0 1px #80cbc4 | |
| } | |
| .NumberedTaskList-number { | |
| /* font-family: Lato, SF Mono, Operator Mono, -Apple-system, BlinkMacSystemFont, monospace; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #666; | |
| padding-top: 1px; | |
| padding-bottom: 1px | |
| } | |
| .Pill.Pill--colorNone.Pill--clickable:hover { | |
| background-color: #e0e6e8 | |
| } | |
| .Pill.Pill--colorRed, | |
| .Pill.Pill--colorRed.Pill--deuteranopia { | |
| background-color: #e8384f | |
| } | |
| .Pill.Pill--colorRed { | |
| color: #212121 | |
| } | |
| .Pill.Pill--colorRed.Pill--clickable:hover, | |
| .Pill.Pill--colorRed.Pill--clickable:hover.Pill--deuteranopia { | |
| background-color: #ed6677 | |
| } | |
| .Pill.Pill--colorOrange { | |
| background-color: #fd612c; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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, | |
| .Pill.Pill--colorHotPink.Pill--deuteranopia { | |
| background-color: #ea4e9d | |
| } | |
| .Pill.Pill--colorHotPink { | |
| color: #212121 | |
| } | |
| .Pill.Pill--colorHotPink.Pill--clickable:hover, | |
| .Pill.Pill--colorHotPink.Pill--clickable:hover.Pill--deuteranopia { | |
| background-color: #ef7cb6 | |
| } | |
| .Pill.Pill--colorPink { | |
| background-color: #fc91ad; | |
| color: #212121 | |
| } | |
| .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; | |
| color: #212121 | |
| } | |
| .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: #e2e2e2 | |
| } | |
| .ProjectDropdownMenuButton-downIcon:hover { | |
| fill: #f2f2f2 | |
| } | |
| .CustomPropertyProtoRow-name { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #e2e2e2 | |
| } | |
| .CustomPropertyProjectSettingsDialogContent-addFieldButton { | |
| color: #009688; | |
| fill: #e2e2e2 | |
| } | |
| .CustomPropertyProjectSettingsDialogContent-addFieldButtonIcon { | |
| background-color: #009688 | |
| } | |
| .PotColorPicker-setForEveryone, | |
| .react-mount-node .CustomPropertyTextValueInput .autogrowTextarea-input { | |
| /* font-family: Lato, SF Mono, Operator Mono, -Apple-system, BlinkMacSystemFont, monospace; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-size: .8em | |
| } | |
| .Board--hasViewMenu .BoardColumnHeaderTitle, | |
| .BoardBody-columnInBoardWithViewMenu .BoardColumnHeaderTitle, | |
| .BoardCardWithCustomProperties-name, | |
| .PageHeaderCollapsedStructure-title, | |
| .PageHeaderStructure-title, | |
| .ProjectMembersPrivacyForm-privacyLabel, | |
| .ProjectMembersPrivacyForm-privacyToggleButton, | |
| .QuickAddPopOut-nameInput, | |
| .SingleTaskPanePlaceholder-commentBox, | |
| .SingleTaskTitleRow-taskName .autogrowTextarea-input, | |
| .SingleTaskTitleRow-taskName .autogrowTextarea-shadow, | |
| .SuccessToast, | |
| .TipToast, | |
| .dashboard-card .card-header .name, | |
| .dialog-box .dialog-title, | |
| .dismissable-overlay, | |
| .textEditor-container, | |
| .TextEditor-container { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .Assignee:not(.Assignee--isDisabled).Assignee--unassigned:hover { | |
| background-color: #e2e2e2; | |
| border-color: #e2e2e2; | |
| box-shadow: 0 0 0 3px #009688; | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .ItemRow--enabled.ItemRow--focused, | |
| .ItemRow--enabled.ItemRow--highlighted { | |
| background: #303030; | |
| border-top: 1px solid #42424270; | |
| border-bottom: 1px solid #42424270; | |
| box-shadow: none; | |
| animation: .1s; | |
| transition: none | |
| } | |
| .textEditor-container.is-focused, | |
| .textEditor-container.textEditor--dynamic.is-focused { | |
| animation: none; | |
| border-color: #42424270; | |
| background-color: #303030; | |
| box-shadow: none; | |
| outline: 0 | |
| } | |
| .FormElementButton.FormElementButton--dynamic:not(.FormElementButton--disabled):hover, | |
| .textEditor-container.textEditor--dynamic:hover { | |
| border-color: #42424270 | |
| } | |
| .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: #009688; | |
| font-weight: 600 | |
| } | |
| .PageHeaderCollapsedStructure-title, | |
| .react-mount-node .BlockStory-actorLink, | |
| .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink:hover { | |
| font-weight: 700 | |
| } | |
| .inbox .inbox-thread-wrapper .task-footer .show-more-link:hover, | |
| .inbox .inbox-thread-wrapper .task-header .show-more-link:hover, | |
| inbox .inbox-thread-wrapper .project-footer .show-more-link:hover { | |
| color: #e2e2e2; | |
| text-decoration: underline | |
| } | |
| .SpreadsheetTaskRow--completed, | |
| .TaskRow--completed .TaskRow-taskName { | |
| color: #fefefe !important; | |
| opacity: .45 !important; | |
| font-weight: 400 !important; | |
| } | |
| .DueDate--complete { | |
| font-weight: 400 !important; | |
| font-style: italic; | |
| opacity: .6 !important; | |
| } | |
| .SingleTaskPaneFields--completed .DueDate, | |
| .SingleTaskPaneFields--completed .DueDate--past, | |
| .SingleTaskPaneFields--completed .DueDate--soon, | |
| .SingleTaskPaneFields--completed .DueDate--future, | |
| .SingleTaskPaneFields--completed .DueDate--complete { | |
| color: #fefefe70 | |
| } | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:hover, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(.TaskRowCompletionStatus-checkbox--disabled):hover, | |
| .detailsTitle-checkmarkButton.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| .itemListInboxThreadView-notification .selected.story .referenced-task-row-view .referencedTaskRowView-checkButton:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button, | |
| .react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOff .CircularButton--enabled:hover, | |
| .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--incomplete:hover, | |
| .taskCheckboxNodeView.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| taskCheckboxNodeView:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button { | |
| color: #e2e2e2; | |
| fill: #e2e2e2; | |
| background: #424242; | |
| box-shadow: 0 0 0 3px #424242; | |
| border-color: #42424270 | |
| } | |
| .TaskRow-detailsCaret:hover { | |
| fill: #009688 | |
| } | |
| .ProjectMembersDialogContent-footer, | |
| .attachment-card-metadata:not(.attachmentCardView-hiddenBorder) { | |
| border-top: 1px solid #42424270; | |
| } | |
| .ProjectMembersDialogContent, | |
| .ProjectMembersDialogFooter { | |
| border-color: #42424270 | |
| } | |
| .ProjectMembersDialogContent-label { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| color: #fefefe; | |
| } | |
| .Tooltip-caret, | |
| .Tooltip-caret::before { | |
| background-color: #303030 | |
| } | |
| .Tooltip-body { | |
| background: #303030; | |
| color: #e2e2e2 | |
| } | |
| .Tooltip-caret { | |
| color: #303030; | |
| fill: #303030 | |
| } | |
| .TaskAttachments-uploadProgressPercentage { | |
| background-color: #009688 | |
| } | |
| .SuccessToast { | |
| background: #212121; | |
| color: #e2e2e2 | |
| } | |
| .TipToast, | |
| .TipToast-titleContainer { | |
| color: #009688 | |
| } | |
| .SuccessToast::before { | |
| background-color: #009688; | |
| background-image: none | |
| } | |
| .TipToast { | |
| background: #212121; | |
| opacity: .8 | |
| } | |
| .TipToast::before { | |
| background-color: #303030; | |
| background-image: none | |
| } | |
| .TipToast-messageContainer { | |
| color: #e2e2e2 | |
| } | |
| .TipToast-dismissLink { | |
| border-bottom: 1px dotted #424242; | |
| color: #303030; | |
| fill: #212121 | |
| } | |
| .TipToast-dismissLink:focus, | |
| .TipToast-dismissLink:hover { | |
| border-bottom: 1px solid #e2e2e2; | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .ToastNotificationContent-link { | |
| border-bottom: 1px dotted #303030; | |
| color: #303030; | |
| fill: #303030 | |
| } | |
| .ToastNotificationContent-link:hover { | |
| border-bottom: 1px solid #e2e2e2; | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .WelcomeTaskTipToastNotification-icon { | |
| fill: #303030 | |
| } | |
| .ToastContainer { | |
| width: 230px; | |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| background: #303030; | |
| color: #fefefe; | |
| } | |
| .search.search-toolbar--short { | |
| background: #303030 | |
| } | |
| .PageHeaderStructureLoading--compact, | |
| .PageHeaderStructureLoading--normal { | |
| background-color: #212121; | |
| box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15) | |
| } | |
| .ScheduleStatus .ScheduleStatus-newScheduleIcon { | |
| background: #009688 | |
| } | |
| .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: #009688; | |
| font-size: 13px; | |
| font-weight: 600 | |
| } | |
| .Tokenizer, | |
| .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, | |
| .ProjectMembersSummary-addButton:focus, | |
| .ProjectMembersSummary-addButton:hover { | |
| border-bottom: 1px solid #009688; | |
| color: #009688; | |
| fill: #009688; | |
| text-decoration: none | |
| } | |
| .miniHeartButtonView--withThumbsUp:hover:not(.is-hearted), | |
| .topbarHelpMenuButton-textButton:hover { | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| ::-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-box-shadow: inset 0 0 1px #00968850 | |
| } | |
| ::-webkit-scrollbar-thumb:window-inactive { | |
| background: 0 | |
| } | |
| .navigating-overlay-mask { | |
| opacity: .3; | |
| background: #212121 | |
| } | |
| .InboxThreadHeader-title { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .itemListInboxThreadView-listName:hover { | |
| color: #009688; | |
| text-decoration: none | |
| } | |
| .inboxToolbar .inbox-email-settings-menu:hover { | |
| border-bottom: 1px solid #009688; | |
| color: #009688; | |
| fill: #009688; | |
| text-decoration: none | |
| } | |
| .BoardPlaceholder-columnHeader { | |
| -webkit-animation: animation-shimmering .1s linear infinite; | |
| animation: animation-shimmering .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 .1s linear infinite; | |
| animation: animation-shimmering .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: .1s; | |
| transition-duration: .1s; | |
| -webkit-transition-property: background, border, box-shadow, color; | |
| transition-property: background, border, box-shadow, color; | |
| background: #009688 | |
| } | |
| .ConversationsPlaceholder-avatar { | |
| -webkit-animation: animation-shimmering .1s linear infinite; | |
| animation: animation-shimmering .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 .1s linear infinite; | |
| animation: animation-shimmering .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 | |
| } | |
| .PotGridToolbarPlaceholder { | |
| background: #303030; | |
| border-bottom: 1px solid #424242 | |
| } | |
| .InboxPlaceholder-avatar, | |
| .InboxPlaceholder-content, | |
| .InboxPlaceholder-storyTitle, | |
| .PotGridPlaceholder-button { | |
| -webkit-animation: animation-shimmering .1s linear infinite; | |
| animation: animation-shimmering .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 .1s linear infinite; | |
| animation: animation-shimmering .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 .1s linear infinite; | |
| animation: animation-shimmering .1s linear infinite; | |
| background-color: #212121; | |
| background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 100%); | |
| background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 100%) | |
| } | |
| .SingleTaskPanePlaceholder-circle, | |
| .SingleTaskPanePlaceholder-taskContent, | |
| .SingleTaskPanePlaceholder-titleContent, | |
| .SingleTaskPanePlaceholder-toolbarContent { | |
| -webkit-animation: animation-shimmering .1s linear infinite; | |
| animation: animation-shimmering .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 .1s linear infinite; | |
| background-image: -webkit-linear-gradient(right, #212121 0, #212121 50%, #212121 100%); | |
| background-color: #212121; | |
| animation: animation-shimmering .1s linear infinite | |
| } | |
| .SingleTaskPanePlaceholder-commentBox::-webkit-input-placeholder { | |
| color: #424242 | |
| } | |
| .SingleTaskPanePlaceholder-commentBox::-moz-placeholder { | |
| color: #424242 | |
| } | |
| .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, .15) | |
| } | |
| .PageHeaderPlaceholder--compact { | |
| background-color: #212121 | |
| } | |
| .PageHeaderPlaceholder-bigCircle, | |
| .PageHeaderPlaceholder-circle, | |
| .PageHeaderPlaceholder-facepileContent, | |
| .PageHeaderPlaceholder-smallCircle, | |
| .PageHeaderPlaceholder-tabContent, | |
| .PageHeaderPlaceholder-titleContent { | |
| -webkit-animation: animation-shimmering .1s linear infinite; | |
| animation: animation-shimmering .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 #42424270 | |
| } | |
| .TemplateGalleryRowStructure:hover { | |
| background-color: #303030; | |
| } | |
| .TemplateGalleryRowStructure::after { | |
| border-color: #42424270; | |
| } | |
| .TemplateGallery-csvImporterUpdatedColorChip { | |
| background-color: #303030; | |
| } | |
| .TemplateGallery-importIcon--onWhite { | |
| fill: #fefefe | |
| } | |
| .AddItemSquircle-box { | |
| background: #303030; | |
| border-color: #42424270; | |
| fill: #666; | |
| color: #666; | |
| } | |
| .Tab-selectableTab.Tab-selectableTab--isSelected { | |
| box-shadow: inset 0 -2px #009688; | |
| color: #009688; | |
| } | |
| .Tab-selectableTab:hover, | |
| .Tab-selectableTab.Tab-selectableTab--isActive { | |
| box-shadow: inset 0 -2px #009688; | |
| color: #009688; | |
| } | |
| .CustomScrollbarContainer-thumb { | |
| background-color: #009688; | |
| border-radius: 25px; | |
| position: absolute; | |
| width: 2px | |
| } | |
| .ItemListHelpText { | |
| border-bottom: 1px solid #42424270; | |
| border-top: 1px solid #42424270; | |
| color: #e2e2e2 | |
| } | |
| .ItemListEmptyLines-row--withTopBorder { | |
| border-top: 0; | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .ItemListEmptyLines-row { | |
| border-bottom: 1px solid transparent; | |
| border-top: 1px solid #42424270 | |
| } | |
| .Topbar-myDashboardButton:hover:not(.is-loading), | |
| .Topbar-myTasksButton:hover:not(.is-loading), | |
| .Topbar-notificationsButton:hover:not(.is-loading) { | |
| color: #009688; | |
| border-bottom: 1px solid #009688 | |
| } | |
| .BoardCard { | |
| background: #303030 !important; | |
| } | |
| .Board--hasViewMenu .BoardColumnHeaderTitle, | |
| .BoardBody-columnInBoardWithViewMenu .BoardColumnHeaderTitle { | |
| font-size: 1.2em; | |
| font-weight: 900; | |
| line-height: 30px | |
| } | |
| .BoardCard.BoardCard--isSelected { | |
| background-color: #00968830; | |
| border-color: #00968850; | |
| box-shadow: 0 1px 1px 2px #00968830 | |
| } | |
| .DueDate, | |
| .SingleTaskTitleRow-taskName .autogrowTextarea-input, | |
| .SingleTaskTitleRow-taskName .autogrowTextarea-shadow { | |
| font-weight: 700 | |
| } | |
| .BoardBody-descriptionLink:focus, | |
| .BoardBody-descriptionLink:hover { | |
| border-bottom: 1px solid #009688; | |
| color: #009688; | |
| fill: #009688; | |
| text-decoration: none | |
| } | |
| .DueDateContainer:not(.DueDateContainer--disabled).DueDateContainer--unset { | |
| border: 1px dashed #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .DueDateContainer:not(.DueDateContainer--disabled).DueDateContainer--unset:hover { | |
| background-color: #e2e2e2; | |
| border-color: #e2e2e2; | |
| box-shadow: 0 0 0 3px #009688; | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .CardButton:focus:not(.CardButton--disabled), | |
| .CardButton:hover:not(.CardButton--disabled) { | |
| box-shadow: 0 0 0 2px #009688; | |
| color: #e2e2e2; | |
| fill: #009688; | |
| background-color: #009688 | |
| } | |
| .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: #009688 | |
| } | |
| .KeyboardShortcutsModal-row { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .KeyboardShortcutsModal-key { | |
| background-color: #303030; | |
| border: 1px solid #42424270; | |
| color: #888 | |
| } | |
| .KeyboardShortcutsModal-sectionHeader { | |
| color: #009688; | |
| padding-top: 15px | |
| } | |
| .SingleTaskPane-descriptionLabel { | |
| fill: #fefefe70 | |
| } | |
| .Token { | |
| font-size: .75em | |
| } | |
| .Tokenizer.is-focused { | |
| -webkit-animation: none; | |
| animation: none; | |
| border-color: #42424270; | |
| box-shadow: inset 0 1px #424242; | |
| outline: 0; | |
| background-color: #303030 | |
| } | |
| .Tokenizer.is-focused .TaskFollowers--following { | |
| background-color: #009688 | |
| } | |
| .Token .Token--colorNone .Tokenizer-token .Token--withavatar { | |
| background-color: #009688; | |
| color: #e2e2e2 | |
| } | |
| .tokenView:not(.has-potColor) { | |
| background: #303030; | |
| border-color: #42424270; | |
| color: #fefefe | |
| } | |
| .tokenView:not(.has-potColor):hover { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #fefefe | |
| } | |
| .projectSectionTokenView .projectSectionTokenView-dropdownLink { | |
| border-color: #42424270; | |
| color: #fefefe; | |
| fill: #303030 | |
| } | |
| .dropdown .typeahead-dropdown-contents .action.selected, | |
| .dropdown .typeahead-dropdown-contents .action:hover:not(.disabled):not(.selectable), | |
| .dropdown .typeahead-dropdown-contents .item.selected, | |
| .dropdown .typeahead-dropdown-contents .item:hover:not(.disabled):not(.selectable), | |
| .dropdown .typeahead-dropdown-contents .menu-item.selected, | |
| .dropdown .typeahead-dropdown-contents .menu-item:hover:not(.disabled):not(.selectable) { | |
| background-color: #009688; | |
| border-color: #42424270 | |
| } | |
| .TopbarSearchTypeaheadHelper-showMoreItem { | |
| background: #212121; | |
| border-bottom: 1px solid #42424270; | |
| height: 30px | |
| } | |
| .referencedTaskRowView-comments { | |
| color: #f2f2f2; | |
| fill: #f2f2f2 | |
| } | |
| .referencedTaskRowView-comments:hover { | |
| color: #f2f2f2; | |
| fill: #f2f2f2; | |
| background-color: #009688 | |
| } | |
| .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, | |
| .grid-compact .completed .grid_due_date, | |
| .grid-compact .completed .grid_due_date:not(.due_soon):not(.overdue), | |
| .grid-compact .completed .tag_overflow, | |
| .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, | |
| .grid-uncompact .completed .grid_due_date, | |
| .grid-uncompact .completed .grid_due_date:not(.due_soon):not(.overdue), | |
| .grid-uncompact .completed .tag_overflow { | |
| color: #646f79 | |
| } | |
| .TextDiff-diff.TextDiff-delete { | |
| background-color: #303030 !important | |
| } | |
| .TextDiff-diff.TextDiff-insert { | |
| color: #fefefe | |
| } | |
| .TextDiff-diffedDescription { | |
| padding-bottom: 10px | |
| } | |
| .notificationView-iconAvatar { | |
| background: #009688; | |
| fill: #fefefe | |
| } | |
| .BoardCardWithCustomProperties { | |
| background: #303030 | |
| } | |
| .BoardCardWithCustomProperties.BoardCardWithCustomProperties--isSelected { | |
| background-color: #424242; | |
| border-color: #009688 | |
| } | |
| .SingleTaskPaneModal { | |
| background: #303030 !important | |
| } | |
| .ModalBuffer { | |
| background-color: rgba(0, 0, 0, .75) | |
| } | |
| .ModalPaneWithBuffer-pane { | |
| background-color: #212121 | |
| } | |
| .CustomPropertyContainerSettingsFieldTypeButton-title, | |
| .MessageDialog-header { | |
| color: #fefefe | |
| } | |
| .CustomPropertyContainerSettingsFieldTypeButton.CustomPropertyContainerSettingsFieldTypeButton--isSelected { | |
| border: 1px solid #009688; | |
| background-color: #303030 | |
| } | |
| .CustomPropertyContainerSettingsFieldTypeButton-exampleContainer { | |
| background: #424242 | |
| } | |
| .CustomPropertyProtoTypeaheadHeader { | |
| background: #303030; | |
| color: #fefefe | |
| } | |
| .CustomPropertyProtoCreateRow.CustomPropertyProtoCreateRow--highlighted, | |
| .CustomPropertyProtoTypeaheadItem.CustomPropertyProtoTypeaheadItem--highlighted { | |
| background: #009688 | |
| } | |
| .ProjectMembersShareForm { | |
| border-color: #42424270 | |
| } | |
| .ProjectMembersShareForm-textArea .autogrowTextarea-input, | |
| .ProjectMembersShareForm-textArea .autogrowTextarea-shadow { | |
| background-color: #303030 | |
| } | |
| .ProjectMembersShareForm-toolbar { | |
| border-top: 1px solid #42424270 | |
| } | |
| .ProjectMembersDialogRow--highlighted { | |
| background-color: #00968850 | |
| } | |
| .Tokenizer { | |
| border-color: #42424270 | |
| } | |
| .SingleTaskPane-header, | |
| .MultiTaskPane-header, | |
| .SingleTaskPaneSpreadsheet-header, | |
| .SingleTaskPaneSpreadsheet-body { | |
| background: #212121; | |
| } | |
| .SingleTaskPaneSpreadsheet-feed { | |
| background: #262626; | |
| padding: 0px; | |
| border-top: 1px solid #303030 | |
| } | |
| .MultiTaskPaneSpreadsheet-header { | |
| background: #303030; | |
| } | |
| .SingleTaskPane-footer { | |
| background: #42424270; | |
| border-top: 1px solid #42424270 | |
| } | |
| .ItemRow--enabled:hover, | |
| .StoryFeed-separator { | |
| border-color: #42424270 | |
| } | |
| .simpleTextarea.simpleTextarea--dynamic { | |
| background-color: #21212100; | |
| border: none; | |
| box-shadow: none; | |
| border-radius: 0; | |
| } | |
| .simpleTextarea, | |
| .textEditor-container { | |
| font-weight: 500 !important | |
| } | |
| b, | |
| strong { | |
| font-weight: 900 !important | |
| } | |
| .BoardCardWithCustomProperties-name { | |
| font-size: 1.1em; | |
| font-weight: 600 | |
| } | |
| .BoardColumn.has-dragPrompt { | |
| box-shadow: 0 0 0 2px #424242; | |
| background-color: #42424220 | |
| } | |
| .BoardColumnScrollableContainer-scrollableTopSeam { | |
| background: #42424275; | |
| } | |
| .FloatingSelect { | |
| color: #fefefe; | |
| 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 | |
| } | |
| .MessageBanner--error { | |
| background-color: #b92634; | |
| color: #fefefe | |
| } | |
| .HeartButton-heartCount { | |
| background-color: #009688; | |
| color: #fefefe; | |
| font-weight: 700 | |
| } | |
| .HeartButton-button.IconToggleButton--toggledOff .IconButton--enabled:focus, | |
| .HeartButton-button.IconToggleButton--toggledOff .IconButton--enabled:hover { | |
| fill: #009688; | |
| } | |
| .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, | |
| .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: #42424270; | |
| color: #777; | |
| fill: #777 | |
| } | |
| .buttonSelectView-button:not(.is-disabled).is-active, | |
| .buttonSelectView-button:not(.is-disabled):active { | |
| background-color: #303030; | |
| border-color: #42424270; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .dropdown-menu-link.open .buttonSelectView-button { | |
| background-color: #009688; | |
| border-color: #303030; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .dropdown hr { | |
| border-top: 1px solid #fefefe70 | |
| } | |
| .buttonSelectView-button:not(.is-disabled):hover { | |
| background-color: #424242; | |
| border-color: #42424270; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .buttonView.buttonView--toggle.buttonView--secondary.is-active, | |
| .buttonView.buttonView--toggle.buttonView--secondary:active, | |
| .buttonView.buttonView--toggle.is-active, | |
| .buttonView.buttonView--toggle:active { | |
| background-color: #009688; | |
| border-color: #009688; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .DynamicBorderScrollable--canScrollDown, | |
| .TopbarSearchSectionToggleItem, | |
| .dialog-box .dialog-title { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .tokenAreaView .token-input { | |
| background-color: #424242; | |
| color: #fefefe | |
| } | |
| .GridViewSettingsMenu-filter.is-dropdownVisible, | |
| .GridViewSettingsMenu-filter:hover { | |
| fill: #fefefe | |
| } | |
| #remote_job_status { | |
| background-color: #303030; | |
| border: 1px solid #42424270 | |
| } | |
| #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: #009688 | |
| } | |
| .TopbarSearchAdvancedSearchItem { | |
| background-color: #424242; | |
| color: #fefefe; | |
| border-top: 1px solid #42424270 | |
| } | |
| .QuickAddPopOut, | |
| .dialog-box { | |
| border: 1px solid #42424270 | |
| } | |
| .TopbarSearchAdvancedSearchItem--highlighted { | |
| background: #009688; | |
| 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: 700 !important | |
| } | |
| .PageHeaderStructure-title { | |
| color: #fefefe; | |
| font-weight: 700 | |
| } | |
| .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: #e2e2e2 | |
| } | |
| .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 #42424270; | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .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 | |
| } | |
| .TaskDescription-textEditorToolbarWrapper--withStickyToolbar { | |
| background: #303030 !important; | |
| } | |
| .TaskDescription-textEditorToolbarWrapper.TaskDescription-textEditorToolbarWrapper--withStickyToolbar.TaskDescription-textEditorToolbarWrapper--withStickyToolbarPinned { | |
| border-top: 1px solid #424242 !important | |
| } | |
| .TextEditorToolbarButton-anchor--isToggledOn { | |
| fill: #009688 | |
| } | |
| .TextEditorToolbarButton-anchor { | |
| fill: #fefefe75 | |
| } | |
| .ScheduleStatus .ScheduleStatus-upcomingScheduleIcon:hover { | |
| border: 2px solid #009688 | |
| } | |
| .CustomPropertyTextEditablePreviewCell .textInput { | |
| font-family: Lato, SF Mono, Operator Mono, -Apple-system, BlinkMacSystemFont, monospace !important; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .SidebarCollapsibleHeader--withoutClarifiedNavigation .SidebarCollapsibleHeader-name, | |
| .SidebarItemRow-name, | |
| .SidebarReportsItemRow, | |
| .SidebarTeamMembershipHeader--withoutClarifiedNavigation .SidebarTeamMembershipHeader-teamName { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .FeedBlockStory.FeedBlockStory--pinnedAtTop, | |
| .Topbar-notificationsButton:not(.is-loading).has-newNotifications::after { | |
| background: #174642; | |
| border: 1px solid #174642; | |
| border-left: 3px solid #009688; | |
| } | |
| .CustomScrollbarContainer-content, | |
| .Sidebar-scrollable { | |
| padding-top: 5px; | |
| background: 0 0 | |
| } | |
| .SidebarCollapsibleHeader--withoutClarifiedNavigation .SidebarCollapsibleHeader-name { | |
| color: #009688 | |
| } | |
| .SidebarReports--withoutClarifiedNavigation { | |
| padding-top: 10px; | |
| padding-bottom: 10px | |
| } | |
| .page-topbar { | |
| background: #202020; | |
| box-shadow: none | |
| } | |
| .TopbarPageHeaderGlobalActions, | |
| .TopbarPageHeaderGlobalActionsPlaceholder, | |
| .TopbarSearchTypeahead--withClarifiedNavigation .TopbarSearchTypeahead-background { | |
| background-color: #202020 | |
| } | |
| .TopbarSearchTypeahead--withClarifiedNavigation .TopbarSearchTypeahead-background::before { | |
| background-image: none; | |
| border-left: 1px solid #42424270 | |
| } | |
| .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, .07) | |
| } | |
| .Facepile--compact .Facepile-item { | |
| box-shadow: 0 0 0 2px #303030, inset 0 0 0 1px rgba(0, 0, 0, .07) | |
| } | |
| .TopbarPageHeaderStructure-title { | |
| color: #fefefe; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-weight: 600 | |
| } | |
| .ClarifiedNavigationHeaderView-title, | |
| .SidebarCollapsibleHeader--withClarifiedNavigation, | |
| .SidebarReportsItemRow.SidebarReportsItemRow--withClarifiedNavigation, | |
| .SidebarTeamMembershipHeader--clarifiedNavigation .SidebarTeamMembershipHeader-teamName, | |
| .SingleTaskTitleInput-taskName .autogrowTextarea-input, | |
| .SingleTaskTitleInput-taskName .autogrowTextarea-shadow, | |
| .CommentComposerEditor { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .MembersDialogRow:hover:not(.MembersDialogRow--highlighted) { | |
| background: #303030; | |
| } | |
| .MultiTaskPaneToolbarEasyCompletion, | |
| .SingleTaskPaneToolbarEasyCompletion { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .GridHeader, | |
| .PotGridPlaceholder-gridHeader, | |
| .TaskPaneAssigneeDueDateRowStructure { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .ClarifiedNavigationHeaderView-title { | |
| color: #fefefe | |
| } | |
| .SingleTaskTitleInput-taskName .autogrowTextarea-input, | |
| .SingleTaskTitleInput-taskName .autogrowTextarea-shadow, | |
| .SingleTaskTitleInput-taskName .AutogrowTextarea-input, | |
| .SingleTaskTitleInput-taskName .AutogrowTextarea-shadow { | |
| font-weight: 700 ! important | |
| } | |
| .CommentComposerEditor-toolbar { | |
| box-shadow: inset 0 1px #424242 | |
| } | |
| .CommentComposerEditor { | |
| border: 1px solid #42424270; | |
| background: #303030 | |
| } | |
| .CommentComposerEditor.CommentComposerEditor--isFocused { | |
| border-color: #42424270; | |
| box-shadow: inset 0 1px #424242 | |
| } | |
| .TaskStoryFeed-separator { | |
| border-color: #42424270 | |
| } | |
| .Pane, | |
| .PaneView { | |
| background-color: #212121 | |
| } | |
| .FollowersBar { | |
| background: #262626; | |
| border-top: 1px solid #42424270 | |
| } | |
| .FollowersList-placeholderAvatar.DomainUserAvatar:not(.DomainUserAvatar--isDisabled).DomainUserAvatar--noValue { | |
| background: #262626; | |
| border: 1px solid #424242; | |
| fill: #fefefe75 | |
| } | |
| .FollowersList-placeholderAvatar.DomainUserAvatar:not(.DomainUserAvatar--isDisabled).DomainUserAvatar--noValue:hover { | |
| background-color: #009688; | |
| color: #fefefe70; | |
| fill: #fefefe70; | |
| border-color: #fefefe70 | |
| } | |
| .ToggleBellButton-toggleButton.ToggleBellButton--on>.ToggleBellButton-toggleText { | |
| color: #fefefe70; | |
| fill: #fefefe70; | |
| border-color: #fefefe70 | |
| } | |
| .TokenButton--hasValue>.TokenButton-icon { | |
| background: transparent; | |
| border-color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .TokenButton-icon { | |
| background-color: #303030; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .TopbarPageHeaderView-title, | |
| .ConversationBody-fullSize .ConversationBody-title, | |
| .ConversationTitle, | |
| .ConversationBody-title { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #fefefe | |
| } | |
| .TopbarSearchResultSection--cleanStyle { | |
| background-color: #424242; | |
| box-shadow: none | |
| } | |
| .TopbarSearchTypeahead-background { | |
| background-color: #202020 | |
| } | |
| .TopbarSearchTypeahead-background::before { | |
| background-image: none | |
| } | |
| .ConversationCard, | |
| .ConversationComposerContents-textEditorContainer { | |
| background: #303030 | |
| } | |
| .ConversationBody-titleLink, | |
| .ConversationBody-authorLink { | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .ConversationBody-titleLink:hover, | |
| .ConversationBody-titleLink:focus, | |
| .ConversationBody-authorLink:hover { | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .SearchConversationRow:not(.SearchConversationRow--borderless)::after { | |
| border-bottom: 1px solid #303030; | |
| } | |
| .ConversationComposerEditor { | |
| background: #303030 | |
| } | |
| .ConversationFooter { | |
| background: #303030; | |
| border-top: #424242 | |
| } | |
| .StatusUpdateComposer { | |
| border-top: 10px solid #424242; | |
| margin-bottom: 15px | |
| } | |
| .StatusUpdateComposer-textEditorContainer { | |
| background: #42424270 | |
| } | |
| .TopbarSearchTypeaheadDropdownContents-scrollableList { | |
| background: #303030 | |
| } | |
| .TopbarSearchResultSection { | |
| box-shadow: inset 0 1px #42424270; | |
| } | |
| .ButtonSelect-dropdownMenu { | |
| max-height: 400px | |
| } | |
| .notificationView-blockStoryLink { | |
| color: #fff; | |
| font-weight: 900 | |
| } | |
| .notificationView-blockStoryLink:hover { | |
| color: #009688 | |
| } | |
| .Drawer { | |
| background-color: #303030; | |
| border-bottom: 1px solid #42424270; | |
| border-top: 1px solid #42424270; | |
| margin: -1px -10px 0 | |
| } | |
| .BlockStory-actorLink, | |
| .BlockStory-actorLink:active, | |
| .BlockStory-actorLink:link, | |
| .BlockStory-actorLink:visited, | |
| .react-mount-node .BlockStory-actorLink, | |
| .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink:hover { | |
| color: #009688 !important | |
| } | |
| .BlockStory-actorLink:link, | |
| .react-mount-node .BlockStory-actorLink, | |
| .react-mount-node .TaskCompletedBlockStory .BlockStory-actorLink:hover { | |
| font-weight: 700 | |
| } | |
| .Home { | |
| background: #212121; | |
| color: #fefefe | |
| } | |
| .HomeTasksForTodaySection-tasks { | |
| border-color: #42424270 | |
| } | |
| .HomeTaskRow.ItemRow--enabled:hover { | |
| border-color: #42424270 | |
| } | |
| .HubSection-header { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .HubSection-title { | |
| color: #009688 | |
| } | |
| .TileStructure:focus, | |
| .TileStructure:hover { | |
| background-color: #fefefe10 | |
| } | |
| .TileStructure-name { | |
| color: #fefefe | |
| } | |
| .MultilineRowMetadataStructure-title { | |
| color: #fefefe | |
| } | |
| .RowStructure.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted):hover { | |
| background-color: #424242 | |
| } | |
| .RowStructure.ItemRow--enabled:hover { | |
| border-color: #42424270; | |
| border-top: 1px solid #42424270 | |
| } | |
| .ProjectCreationModal-modal { | |
| background-color: #212121 | |
| } | |
| .TemplateGallery-listHeader { | |
| border-color: #42424270 | |
| } | |
| .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: #009688 | |
| } | |
| .TemplateGalleryRow::after { | |
| border-color: #42424270 | |
| } | |
| .TemplateGalleryRow:hover { | |
| background-color: #303030 | |
| } | |
| .EmojiPicker { | |
| background: #303030; | |
| border-color: #42424270; | |
| 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: #42424270 | |
| } | |
| .CustomPropertyExternalLink-linkIcon:hover { | |
| cursor: pointer; | |
| fill: #fefefe | |
| } | |
| .CustomPropertyTextEditablePreviewCell:hover .CustomPropertyTextEditablePreviewCell-input--linkEnabled:not(:hover):not(:focus) { | |
| background-color: #676767; | |
| border-color: #42424270 | |
| } | |
| .CustomPropertyTextEditablePreviewCell:hover .CustomPropertyTextEditablePreviewCell-input--linkEnabled { | |
| border-color: #676767 | |
| } | |
| .CustomPropertyHeader-fieldHeading--highlighted .CustomPropertyHeader-fieldName { | |
| color: #009688; | |
| font-weight: 700 | |
| } | |
| .CustomPropertyHeader-fieldName:hover { | |
| color: #009688 | |
| } | |
| .MenuAnchor--normal, | |
| .CustomPropertyHeader { | |
| align-items: center; | |
| color: #fefefe75; | |
| fill: #fefefe75; | |
| font-weight: 500; | |
| } | |
| .textInput.textInput--dynamic:hover { | |
| border-color: #676767 | |
| } | |
| .TopbarContingentUpgradeLink { | |
| display: none | |
| } | |
| .HubList--layoutRows .HubList-draggableItemWrapper:not(:last-child) .HubList-item .RowStructure::after, | |
| .HubList--layoutRows .HubList-item:not(:last-child) .RowStructure::after, | |
| .HubList--layoutRows .HubList-nonDraggableItemWrapper:not(:last-child) .HubList-item .RowStructure::after { | |
| border-bottom: 1px solid #303030; | |
| color: #fefefe | |
| } | |
| .HomeTasksForTodaySection-myTasksLink, | |
| .HomeTasksForTodaySection-myTasksLink:focus, | |
| .HomeTasksForTodaySection-myTasksLink:hover { | |
| color: #009688 | |
| } | |
| .taskCheckboxNodeView--withoutEmptyCheckCircleExperiment.circularToggleButtonView--toggledOff .circularToggleButtonView-button { | |
| background-color: #303030; | |
| border: 1px solid #42424270; | |
| fill: #fefefe | |
| } | |
| .PortfolioIndexPageView { | |
| background-color: #212121 | |
| } | |
| div.tooltip-body { | |
| background-color: #009688 | |
| } | |
| .TabButton.TabButton--isSelected { | |
| box-shadow: inset 0 -2px #009688; | |
| color: #009688 | |
| } | |
| .TabButton.TabButton--isActive, | |
| .TabButton.TabButton--isHoverable:hover { | |
| box-shadow: inset 0 -2px #009688; | |
| color: #fefefe | |
| } | |
| .inboxThreadView-archiveButton:hover { | |
| background: #009688; | |
| fill: #fefefe | |
| } | |
| .Pill.Pill--large { | |
| font-weight: 500 | |
| } | |
| .EnumOptionRow::after { | |
| border-bottom: none | |
| } | |
| .CustomPropertyContainerSettingsManageDialog-footer, | |
| .CustomPropertyFieldDialogContent-footer { | |
| border-top: 0 solid #424242; | |
| background-color: #303030 | |
| } | |
| .MessageBanner--warning { | |
| background-color: #fffede20; | |
| color: #f2a100; | |
| font-weight: 500 | |
| } | |
| .textInput { | |
| border: 1px solid #42424270 | |
| } | |
| .CustomPropertyContainerSettingsManageDialog-customPropertyContainerSettingsList, | |
| .CustomPropertyContainerSettingsManageDialog-emptyMessage { | |
| border-bottom: none | |
| } | |
| .CustomPropertyContainerSettingsAddFieldsLink-addFieldLink, | |
| .CustomPropertyContainerSettingsAddFieldsLink-addFieldLink:focus, | |
| .CustomPropertyContainerSettingsAddFieldsLink-addFieldLink:hover { | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .CustomPropertyContainerSettingsAddFieldsLink-addFieldLink:hover .CustomPropertyContainerSettingsAddFieldsLink-addFieldLinkIcon, | |
| .CustomPropertyContainerSettingsAddFieldsLink-addFieldLinkIcon { | |
| background-color: #009688 | |
| } | |
| .ItemRow--enabled:hover, | |
| .StoryFeed-separator { | |
| background-color: #303030 | |
| } | |
| .CommentComposerPlaceholder-commentBox { | |
| border: 1px solid #42424270; | |
| background: #303030; | |
| border-color: #42424270 | |
| } | |
| .PotCreateRow, | |
| .PotCreateRow.PotCreateRow--highlighted, | |
| .PotGridPlaceholder-gridHeader { | |
| background: #303030 | |
| } | |
| .PotTypeaheadItem.PotTypeaheadItem--highlighted { | |
| background: #009688 | |
| } | |
| .PageToolbarStructure--withShadow { | |
| background-color: #303030; | |
| border-top: 1px solid #42424270 | |
| } | |
| .MenuAnchor--normal.MenuAnchor--isMenuOpen, | |
| .MenuAnchor--normal:hover { | |
| background-color: #009688; | |
| color: #fefefe | |
| } | |
| .ItemListEmptyLines-divider { | |
| border-top: none | |
| } | |
| .GridHeaderStructure { | |
| background: #212121; | |
| border-bottom: 1px solid #42424270; | |
| } | |
| .FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled):focus, | |
| .FormElementButton.FormElementButton--standard:not(.FormElementButton--disabled):hover { | |
| background-color: #009688; | |
| } | |
| .FormElementButton { | |
| border-color: #424242; | |
| } | |
| .FormContainer, | |
| .ProjectProgress { | |
| background-color: #212121; | |
| } | |
| .highcharts-background { | |
| fill: #282828 !important; | |
| } | |
| .highcharts-text-outline { | |
| fill: #424242 !important; | |
| stroke: #424242 !important | |
| } | |
| .PageToolbarStructure { | |
| background-color: #212121; | |
| border-top: 1px solid #303030; | |
| border-bottom: none; | |
| } | |
| .AdminConsole, | |
| .AdminConsoleSidebar-container, | |
| .AdminConsoleCsmContact-helpIllustration { | |
| background: #212121; | |
| background-image: none !important; | |
| } | |
| .AdminConsoleTeamsListHeader { | |
| border-color: #42424270; | |
| } | |
| .AdminConsoleTeamsListHeader-cell { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-weight: 600; | |
| } | |
| .AdminConsoleTeamsListHeader-cell--name, | |
| .AdminConsoleTeamsListHeader-cell--members { | |
| color: #009688; | |
| } | |
| .AdminConsoleMembersList-containerInfoBar { | |
| background-color: #30303050; | |
| border-top: 1px solid #42424270; | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .AdminConsoleTeamsListRow { | |
| color: #fefefe; | |
| } | |
| .AdminConsoleTeamsListRow:not(:last-child) { | |
| border-color: #42424270 | |
| } | |
| .AdminConsoleCsmContactStructure-photo, | |
| .AdminConsoleCsmContactStructure-caption, | |
| .AdminConsoleCsmContactStructure-button { | |
| color: #fefefe | |
| } | |
| .CalendarBody { | |
| background: #303030 !important; | |
| background-color: #303030 !important; | |
| } | |
| .CalendarBody-dayOfWeekLabels, | |
| .CalendarDay-dayHeader { | |
| color: #fefefe75; | |
| border-bottom: 1px solid #42424270; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .ProjectCalendarDay { | |
| border-color: #42424270 !important; | |
| background: #303030 !important; | |
| } | |
| .CalendarDay { | |
| background: #303030 !important; | |
| border-top: 3px solid #424242 !important; | |
| margin-right: 1px | |
| } | |
| .SidebarInvite-image { | |
| display: none; | |
| height: 0px; | |
| } | |
| .CustomPropertyHeader-addFieldLink { | |
| color: #009688 | |
| } | |
| .MenuAnchor--normal.MenuAnchor--isOptionActive { | |
| color: #fefefe; | |
| fill: #fefefe; | |
| background-color: #009688; | |
| } | |
| .SingleTaskPanePlaceholder-buttonContent { | |
| background-color: #303030; | |
| background-image: linear-gradient(-90deg, #303030 0%, #424242 50%, #303030 100%); | |
| } | |
| .AttachmentCard { | |
| background-color: #303030; | |
| border: 1px solid #424242 | |
| } | |
| .AttachmentCard--validLink:active, | |
| .AttachmentCard--validLink:focus, | |
| .AttachmentCard--validLink:hover { | |
| background-color: #009688; | |
| border: 1px solid #00968850 | |
| } | |
| .AttachmentCard-metaData { | |
| color: #fefefe | |
| } | |
| .AttachmentCard-preview { | |
| border-color: #424242 | |
| } | |
| .FilesAttachmentCard-creatorName, | |
| .FilesAttachmentCard-parentObjectLink { | |
| color: #fefefe70 | |
| } | |
| .FilesAttachmentCard-creatorName:hover, | |
| .FilesAttachmentCard-creatorName:focus, | |
| .FilesAttachmentCard-parentObjectLink:hover, | |
| .FilesAttachmentCard-parentObjectLink:focus { | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .RichAttachment-labelLink { | |
| color: #fefefe; | |
| font-weight: 500; | |
| } | |
| .QuickAddTaskContents, | |
| .QuickAddTaskPopOut-header { | |
| background: #303030; | |
| } | |
| .QuickAddTaskPopOut { | |
| box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .4); | |
| border: none; | |
| } | |
| .QuickAddTaskContents-nameInput, | |
| .AttachmentCard-name { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-weight: 600 | |
| } | |
| .QuickAddCustomPropertiesContainer, | |
| .DynamicBorderScrollable--canScrollUp { | |
| border-color: #42424270; | |
| } | |
| .AdminConsoleMembersListHeader, | |
| .AdminConsoleMembersListRow:not(:last-child), | |
| .AdminConsoleOptionRow, | |
| .OrgSettingsPage-subHeader { | |
| border-bottom: 1px solid #42424270; | |
| } | |
| .AdminConsoleOptionRow:hover { | |
| background-color: #424242 | |
| } | |
| .AdminConsoleOptionRow-subTitle { | |
| color: #fefefe; | |
| } | |
| .AdminConsoleOptionRow-right { | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .AdminConsolePageStructure-title, | |
| .AdminConsoleMembersListRow-cell { | |
| color: #fefefe; | |
| } | |
| .InboxThread.InboxThread--selected { | |
| background: #303030; | |
| } | |
| .InboxThread.InboxThread--selected:hover, | |
| .InboxThread.InboxThread--selectable:hover { | |
| background: #303030; | |
| } | |
| .InboxThreadButton:hover { | |
| background: #424242; | |
| } | |
| .InboxFeedHeader { | |
| border-bottom: 1px solid #42424270; | |
| } | |
| .InboxFeed-thread, | |
| .SpreadsheetProjectGrid-dropTargetRightChild { | |
| border-bottom: 1px solid #42424270 !important; | |
| } | |
| .InboxFeedFooter:hover { | |
| background: #303030; | |
| border-bottom: 1px solid #424242; | |
| } | |
| .InboxReferencedTaskItem { | |
| background-color: #303030; | |
| border: 1px solid #42424270; | |
| color: #fefefe; | |
| } | |
| .InboxReferencedTaskItem-first { | |
| border-color: #42424270 | |
| } | |
| .InboxReferencedTaskItem-milestoneName, | |
| .InboxReferencedTaskItem-taskName { | |
| color: #fefefe; | |
| } | |
| .InboxReferencedTaskItem:hover { | |
| background-color: #424242; | |
| transition: ease .15s; | |
| } | |
| .Popup { | |
| background-color: #212121; | |
| box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .4) | |
| } | |
| .MenuAnchor, | |
| .StatusUpdateHeaderWidget-addStatusPromptText { | |
| color: #fefefe75; | |
| fill: #fefefe75 | |
| } | |
| .StatusUpdateHeaderWidget-addStatusPrompt:hover .StatusUpdateHeaderWidget-addStatusPromptText { | |
| color: #009688; | |
| } | |
| .MenuAnchor:hover, | |
| .MenuAnchor.MenuAnchor--isMenuOpen { | |
| background-color: #009688; | |
| color: #fefefe | |
| } | |
| .MenuAnchor--default:hover, | |
| .MenuAnchor--default:focus { | |
| background-color: #009688; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .MenuItemBase-button.is-highlighted { | |
| background-color: #212121; | |
| } | |
| .MenuAnchor.MenuAnchor--isMenuOpen { | |
| fill: #fefefe | |
| } | |
| .MenuItemBase-button:hover { | |
| color: #fefefe; | |
| } | |
| .CommentComposerEditor-toolbar { | |
| box-shadow: inset 0 1px #424242 | |
| } | |
| .CommentComposerEditor-toolbar--hasTextEditorToolbar { | |
| background-color: #303030; | |
| } | |
| .QuickResponses, | |
| .QuickResponses-moreButton.FormElementButton, | |
| .QuickResponses-suggestionButton.FormElementButton, | |
| .QuickResponses-suggestionButtons, | |
| .TextEditorToolbar { | |
| display: flex; | |
| } | |
| .PotListPage-gridPane, | |
| .SearchListPageView-gridPane { | |
| flex: 0 1 1000px | |
| } | |
| .FieldMenuItem { | |
| background: #424242; | |
| color: #fefefe | |
| } | |
| .FieldMenuItem:hover { | |
| background-color: #009688; | |
| color: #fefefe; | |
| } | |
| .MenuSeparator { | |
| border-top: 1px solid #fefefe30; | |
| } | |
| .Switch { | |
| background: #303030; | |
| border: none; | |
| } | |
| .Switch-label::before { | |
| background: #fefefe95; | |
| } | |
| .Switch.Switch--checked { | |
| background: #009688; | |
| border: none | |
| } | |
| .AttachmentImage-preview { | |
| background: #424242; | |
| border: 1px solid #42424270 | |
| } | |
| .TypeaheadItemStructure-title strong { | |
| font-weight: 900; | |
| color: #fefefe; | |
| } | |
| .TypeaheadItemStructure-subtitle { | |
| color: #ffffff95; | |
| fill: #ffffff95; | |
| } | |
| .TaskStoryFeed-blockStory { | |
| margin: 0 0; | |
| } | |
| .TaskAddedToPotInboxThread-title { | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .TaskAddedToPotInboxThread-title:hover, | |
| .TaskAddedToPotInboxThread-title:focus { | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .MiniStory-actor:hover, | |
| .MiniStory-actor:focus { | |
| color: #009688; | |
| fill: #009688; | |
| font-weight: 900; | |
| } | |
| .Hovercard { | |
| background: #424242; | |
| color: #fefefe; | |
| } | |
| .Hovercard-role { | |
| color: #009688; | |
| } | |
| .Hovercard-aboutMe { | |
| color: #666 | |
| } | |
| .ItemLikedBlockStory-actorLink { | |
| color: #009688; | |
| fill: #009688; | |
| font-weight: 700; | |
| } | |
| .PotListPageContent--withSpreadsheetGridEnabled, | |
| .SpreadsheetGridHeaderStructure { | |
| background-color: #212121; | |
| } | |
| .SpreadsheetGridHeader-taskNameHeadingBorder { | |
| border-right: 1px solid #42424270; | |
| border-top: 1px solid #42424270 | |
| } | |
| .SpreadsheetGridHeader-taskNameHeadingCell:hover, | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isDropdownOpen, | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isSortedByField { | |
| color: #666; | |
| fill: #666 | |
| } | |
| .SpreadsheetCell, | |
| .SpreadsheetPlaceholderCell { | |
| background-color: #212121; | |
| border-color: #42424270; | |
| } | |
| .SpreadsheetCell.SpreadsheetCell--isHighlighted { | |
| background-color: #424242; | |
| } | |
| .DraggableSpreadsheetTaskRow-dragHandle, | |
| .DraggableSpreadsheetTaskRow--isSelected .DraggableSpreadsheetTaskRow-dragHandle, | |
| .SpreadsheetItemListEmptyCells-dragHandlePlaceholder, | |
| .DraggableSpreadsheetTaskRow--withShadedBackground .DraggableSpreadsheetTaskRow-dragHandle { | |
| border-bottom: 1px solid #212121; | |
| border-top: 1px solid #212121; | |
| } | |
| .SpreadsheetCell:hover, | |
| .SpreadsheetRow--enabled.SpreadsheetRow--highlighted { | |
| background-color: #303030; | |
| border-color: #42424270 !important | |
| } | |
| .SpreadsheetGridHeaderStructure .SpreadsheetGridHeaderStructure-left { | |
| background-color: #212121; | |
| } | |
| .SpreadsheetFieldHeading { | |
| border-top: 1px solid #42424270; | |
| border-left: 1px solid #42424270; | |
| border-right: 1px solid #42424270; | |
| } | |
| .SpreadsheetCell.SpreadsheetCell--isRowSelected, | |
| .SpreadsheetPlaceholderCell.SpreadsheetPlaceholderCell--isRowSelected { | |
| background-color: #303030; | |
| } | |
| .SpreadsheetTaskName--editable:not(.SpreadsheetTaskName--childFocused):hover, | |
| .SpreadsheetProjectGridContents--withSpreadsheetTextBoxOnNameCellHover .SpreadsheetTaskNameCell:hover .SpreadsheetTaskName--editable:not(.SpreadsheetTaskName--childFocused) { | |
| background-color: #424242; | |
| border: 1px solid #42424270; | |
| } | |
| .SpreadsheetCell.SpreadsheetCell:focus-within:not(:focus) { | |
| background-color: #303030; | |
| } | |
| .SpreadsheetPageStructure-detailsOverlay { | |
| border-color: #42424270 !important; | |
| border: none; | |
| box-shadow: -1px 0 0 3px #202020 | |
| } | |
| .DomainUserAvatar:not(.DomainUserAvatar--isDisabled).DomainUserAvatar--noValue.DomainUserAvatar--isSelected { | |
| background-color: #424242; | |
| border: 1px solid #42424270; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| box-shadow: none; | |
| } | |
| .SpreadsheetAssigneeCell-cell.SpreadsheetAssigneeCell-cell--isAssigneePopoverVisible { | |
| border-color: #009688; | |
| } | |
| .DomainUserAvatar:not(.DomainUserAvatar--isDisabled).DomainUserAvatar--noValue:hover { | |
| background-color: #009688; | |
| border-color: #009688; | |
| fill: #fefefe; | |
| color: #fefefe; | |
| } | |
| .ShadowScrollable-header { | |
| background-color: #303030; | |
| } | |
| .ShadowScrollable-border { | |
| background: #42424270; | |
| } | |
| .ShadowScrollable-headerDivider { | |
| background: #424242; | |
| } | |
| .PotListPageContent-detailsOverlay { | |
| background-color: #212121; | |
| border-left: 1px solid #303030; | |
| border-top: 1px solid #303030; | |
| } | |
| .SpreadsheetProjectGrid-horizontalScrollSeam { | |
| border-right: 1px solid #303030; | |
| } | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isNameHeaderMenuExperimentEnabled:hover, | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isNameHeaderMenuExperimentEnabled.SpreadsheetGridHeader-taskNameHeadingCell--isDropdownOpen, | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isNameHeaderMenuExperimentEnabled.SpreadsheetGridHeader-taskNameHeadingCell--isSortedByField, | |
| .SpreadsheetFieldHeading-fieldName, | |
| .SpreadsheetGridHeader-taskNameHeadingCell { | |
| color: #fefefe70; | |
| fill: #fefefe70 | |
| } | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isNameHeaderMenuExperimentEnabled:hover, | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isNameHeaderMenuExperimentEnabled.SpreadsheetGridHeader-taskNameHeadingCell--isDropdownOpen, | |
| .SpreadsheetFieldHeading:hover, | |
| .SpreadsheetFieldHeading.SpreadsheetFieldHeading--isDropdownOpen { | |
| background-color: #303030; | |
| } | |
| .SpreadsheetCell.SpreadsheetCell--isHighlighted:focus-within, | |
| .SpreadsheetCell.SpreadsheetCell--isHighlighted:focus { | |
| border-color: #009688; | |
| } | |
| .AssigneeWithName-name, | |
| .AssigneeWithNameDisplay-name, | |
| .Hovercard-caption { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #fefefe | |
| } | |
| .TopbarPageHeaderStructure-rightChildrenWrapper::after { | |
| border-left: 1px solid #42424270; | |
| } | |
| .CountWithIcon { | |
| color: #fefefe70; | |
| fill: #fefefe70; | |
| } | |
| .CountWithIcon--clickable:hover { | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .SpreadsheetItemListEmptyCells-nameCell { | |
| background-color: #212121; | |
| border: 1px solid #303030 | |
| } | |
| .TaskPaneAssigneeToken-multiAssignButton { | |
| background: #303030; | |
| border-left: 1px solid #42424270; | |
| fill: #fefefe70 | |
| } | |
| .NotificationTopBar--info { | |
| background: #00968875; | |
| } | |
| .NotificationTopBar--info .NotificationTopBar-titleAndDescription { | |
| color: #fefefe | |
| } | |
| .NotificationTopBar--info .NotificationTopBar-icon, | |
| .NotificationTopBar--info .NotificationTopBar-closeButton { | |
| fill: #fefefe | |
| } | |
| .SpreadsheetProjectGrid-dropTargetStickyCell { | |
| border-bottom: 1px solid #42424270; | |
| } | |
| .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input:hover, | |
| .FormElementButton.FormElementButton--modern:not(.FormElementButton--disabled):focus, | |
| .FormElementButton.FormElementButton--modern:not(.FormElementButton--disabled):hover { | |
| background-color: #303030; | |
| } | |
| .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input:focus, | |
| .FormElementButton.FormElementButton--basic:not(.FormElementButton--disabled):focus, | |
| .FormElementButton.FormElementButton--basic:not(.FormElementButton--disabled):hover { | |
| background-color: #303030; | |
| } | |
| .TopbarPageHeaderPlaceholder-colorChip { | |
| background-color: #303030; | |
| background-image: none; | |
| } | |
| .SpreadsheetItemListEmptyCells-cell { | |
| background-color: #212121; | |
| border: 1px solid #303030 | |
| } | |
| .SpreadsheetItemListEmptyCells-addTaskRow:hover .SpreadsheetItemListEmptyCells-nameCell, | |
| .SpreadsheetItemListEmptyCells-addTaskRow:hover .SpreadsheetItemListEmptyCells-dragHandlePlaceholder, | |
| .SpreadsheetItemListEmptyCells-addTaskRow:hover .SpreadsheetItemListEmptyCells-cell { | |
| background-color: #303030; | |
| border-color: #42424270 | |
| } | |
| .DueDateContainer.DueDateContainer--isPopoverVisible .DueDateContainer-button.DueDateContainer-button--circular { | |
| background-color: #009688; | |
| border: 1px solid #009688; | |
| box-shadow: inset 0 1px #009688; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .MenuItemBase--disabled.is-highlighted, | |
| .MenuItemBase--disabled:hover { | |
| background: #303030; | |
| color: #fefefe; | |
| fill: #009688; | |
| } | |
| .BoardColumnWithNonsortableTasks-scrollableContainer::before { | |
| background-image: linear-gradient(rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0)); | |
| } | |
| .Timeline { | |
| background: #212121; | |
| border-color: #42424270 | |
| } | |
| .TimelineCanvasPlaceholder { | |
| background: repeating-linear-gradient(to right, #303030, #212121 51px, #303030 10px, #212121 181px) | |
| } | |
| .TimelineCanvas { | |
| background: #303030 | |
| } | |
| .TaskTimelineGroupSidebar, | |
| .TaskTimelineScrollable-groupSidebarWrapper { | |
| background: #212121; | |
| border-color: #42424270 | |
| } | |
| .TimelineTimeAxis-groupLabel::before { | |
| background: #424242 | |
| } | |
| .TimelineTimeAxis-groupLabel { | |
| color: #fefefe; | |
| } | |
| .TimelineTimeAxis-weekendHighlight { | |
| background: #424242 | |
| } | |
| .TimelineTimeAxis { | |
| background: #303030; | |
| border-color: #42424270 | |
| } | |
| .Timeline-timelineHeader::before { | |
| background: linear-gradient(to right, rgba(48, 48, 48, 0), #424242) | |
| } | |
| .TimelineHeader-viewStateButtons::before { | |
| background: linear-gradient(to right, rgba(48, 48, 48, 0), #424242) | |
| } | |
| .TimelineHeader-viewStateButtons { | |
| background: #303030; | |
| } | |
| .TimelineCanvasBase-weekendStripe { | |
| background: #424242; | |
| } | |
| .TaskTimelineCanvas-todayStripe { | |
| background: #009688; | |
| } | |
| .TimelineGroupWithNamesSidebar-name { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .DraggableTimelineItemResizeHandle.DraggableTimelineItemResizeHandle--colorNone { | |
| background: #009688 | |
| } | |
| .TimelineCanvasPlaceholder-task { | |
| -webkit-animation: animation-shimmering 1.5s linear infinite; | |
| animation: animation-shimmering 1.5s linear infinite; | |
| background-color: #303030; | |
| background-image: linear-gradient(-90deg, #424242 0%, #303030 50%, #424242 100%); | |
| } | |
| .TimelinePlaceholder-timeAxis { | |
| background: #212121; | |
| border-color: #42424270; | |
| } | |
| .TimelineOverlaySwitch { | |
| background: #212121 | |
| } | |
| .TaskTimelineGroupSidebar-group:not(:first-child) { | |
| border-color: #424242 !important; | |
| } | |
| .TaskTimelineCanvas-groupDivider { | |
| background: #424242; | |
| } | |
| .UnscheduledTasksPanel { | |
| background-color: #212121; | |
| box-shadow: -1px 0 0 #303030 | |
| } | |
| .UnscheduledTasksWrapper-header { | |
| background-color: #303030; | |
| } | |
| .Typography--colorGray { | |
| color: #fefefe75 | |
| } | |
| .Typography--colorDarkGray3 { | |
| color: #ffffff | |
| } | |
| .ShadowScrollable-headerShadow { | |
| border-color: #42424270; | |
| } | |
| .AttachmentCard-svg, | |
| .AssetIcon-default { | |
| fill: #fefefe85; | |
| } | |
| .SpreadsheetGridHeader-taskNameHeadingCell:hover, | |
| .SpreadsheetGridHeader-taskNameHeadingCell.SpreadsheetGridHeader-taskNameHeadingCell--isDropdownOpen { | |
| background-color: #303030; | |
| color: #fefefe | |
| } | |
| .SpreadsheetCell.SpreadsheetCell--withShadedBackground, | |
| .SpreadsheetPlaceholderCell.SpreadsheetPlaceholderCell--withShadedBackground { | |
| background-color: #303030; | |
| } | |
| .SpreadsheetDueDateCell-removeButton, | |
| .SpreadsheetCell--withShadedBackground .SpreadsheetDueDateInputCell-removeButton, | |
| .SpreadsheetCell:focus-within:not(:focus) .SpreadsheetDueDateInputCell-removeButton, | |
| .SpreadsheetAssigneeInputCell-removeButton, | |
| .SpreadsheetCell:focus-within:not(:focus) .SpreadsheetAssigneeInputCell-removeButton, | |
| .SpreadsheetDueDateInputCell-removeButton, | |
| .SpreadsheetAssigneeCell-removeButton, | |
| .SpreadsheetCell--withShadedBackground .SpreadsheetAssigneeCell-removeButton, | |
| .SpreadsheetCell:focus-within:not(:focus) .SpreadsheetDueDateCell-removeButton, | |
| .SpreadsheetCell--withShadedBackground .SpreadsheetDueDateCell-removeButton { | |
| background-color: #424242; | |
| } | |
| .PageToolbarPlaceholder-leftChild, | |
| .PageToolbarPlaceholder-rightChild, | |
| .TopbarPageHeaderPlaceholder-title, | |
| .TopbarPageHeaderPlaceholder-tab { | |
| -webkit-animation: animation-shimmering 1.5s linear infinite; | |
| animation: animation-shimmering 1.5s linear infinite; | |
| background-color: #303030; | |
| background-image: linear-gradient(-90deg, #303030 0%, #424242 50%, #303030 100%); | |
| } | |
| .AutomationDialogStructure-dialogHeader { | |
| border-bottom: 1px solid #42424270 | |
| } | |
| .Card--gallery { | |
| border: 1px solid #42424270 | |
| } | |
| .AutomationDialogPresetSidebarItem--selected, | |
| .AutomationDialogPresetSidebarItem:hover { | |
| color: #009688; | |
| } | |
| .AutomationDialogPresetGallery-sidebar { | |
| background-color: #161616; | |
| } | |
| .AutomationDialogPresetList { | |
| background-color: #212121 | |
| } | |
| .AutomationDialogPresetCard-subtitle { | |
| color: #fefefe80 | |
| } | |
| .AutomationDialogPresetCardStructure:hover { | |
| border-color: #009688; | |
| background-color: #424242 | |
| } | |
| .AutomationDialogPresetCard:hover .AutomationDialogPresetCard-addLink { | |
| color: #009688; | |
| font-weight: bold | |
| } | |
| .AutomationDialogCustomRuleCard { | |
| border: 2px dashed #424242; | |
| color: #fefefe; | |
| fill: #009688; | |
| } | |
| .AutomationDialogCustomRuleCard:hover { | |
| background-color: #009688; | |
| border-color: #009688; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .AutomationDialogCustomRuleCard-subtitle { | |
| font-weight: bold; | |
| fill: #fcbd01; | |
| } | |
| .AutomationDialogAppsCard-row:hover { | |
| background-color: #424242; | |
| } | |
| .SpreadsheetRow--enabled.SpreadsheetRow--withShadedBackground { | |
| background-color: #303030; | |
| } | |
| .AssigneeWithNameDisplay-name { | |
| color: #fefefe | |
| } | |
| .BoardAddCardForm { | |
| background: #00968850; | |
| } | |
| .BoardCardNameInput-autogrowTextarea--small .autogrowTextarea-input, | |
| .BoardCardNameInput-autogrowTextarea--small .autogrowTextarea-shadow, | |
| .BoardAddCardForm-input { | |
| font-family: Lato; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| font-size: 16px; | |
| } | |
| .CircularButton--circular { | |
| background: #424242; | |
| border-color: #42424270 | |
| } | |
| .AutomationDialogConfigurationPageStructure-contents { | |
| background-color: #212121; | |
| } | |
| .AutomationDialogConfigurationPageFooterStructure { | |
| border-top-color: #424242 | |
| } | |
| .FullScreenModal-modal { | |
| background-color: #212121 | |
| } | |
| .SelectOptionBase { | |
| border-color: #42424270 | |
| } | |
| .SelectOptionBase.SelectOptionBase--selected { | |
| background-color: #303030; | |
| border-color: #42424270; | |
| } | |
| .FeatureStageIndicator-feedbackLink--withoutType:hover, | |
| .FeatureStageIndicator-feedbackLink--withoutType:focus { | |
| color: #009688; | |
| fill: #009688; | |
| border-bottom: 1px solid #009688; | |
| } | |
| .MenuAnchor--isOptionActive { | |
| background-color: #009688; | |
| color: #fefefe; | |
| font-weight: 700; | |
| } | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:hover, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(.TaskRowCompletionStatus-checkbox--disabled):hover, | |
| .detailsTitle-checkmarkButton.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| .itemListInboxThreadView-notification .selected.story .referenced-task-row-view .referencedTaskRowView-checkButton:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button, | |
| .react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOff .CircularButton--enabled:hover, | |
| .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--incomplete:hover, | |
| .taskCheckboxNodeView.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| taskCheckboxNodeView:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button { | |
| background-color: #009688; | |
| } | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--complete, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:hover, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(.TaskRowCompletionStatus-checkbox--disabled):hover, | |
| .detailsTitle-checkmarkButton.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| .itemListInboxThreadView-notification .selected.story .referenced-task-row-view .referencedTaskRowView-checkButton:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button, | |
| .react-mount-node .CompletionCheckbox .CircularToggleButton.CircularToggleButton--toggledOff .CircularButton--enabled:hover, | |
| .react-mount-node .taskRowCompletionStatus-checkbox.taskRowCompletionStatus-checkbox--incomplete:hover, | |
| .taskCheckboxNodeView.circularToggleButtonView--toggledOff .circularToggleButtonView-button:hover, | |
| taskCheckboxNodeView:hover.circularToggleButtonView--toggledOff .circularToggleButtonView-button { | |
| background: #009688; | |
| box-shadow: none; | |
| border-color: #42424270; | |
| fill: #fefefe; | |
| color: #fefefe | |
| } | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:hover, | |
| .TaskRowCompletionStatus-checkbox.TaskRowCompletionStatus-checkbox--incomplete:not(.TaskRowCompletionStatus-checkbox--disabled):hover { | |
| background: #009688; | |
| border-color: #009688; | |
| } | |
| .TaskRowCompletionStatus-checkbox--withSpreadsheetGridEnabled.TaskRowCompletionStatus-checkbox--complete:not(.TaskRowCompletionStatus-checkbox--disabled):hover { | |
| background: #00968875; | |
| box-shadow: none; | |
| border-color: #00968875; | |
| fill: #fefefe; | |
| color: #fefefe | |
| } | |
| .SpreadsheetTaskNameCell:hover .SpreadsheetTaskName--editable:not(.SpreadsheetTaskName--childFocused) { | |
| background: #424242; | |
| border: 1px solid #42424270 !important; | |
| } | |
| .SpreadsheetTaskRow--isSpreadsheetRowHoverEnabled.SpreadsheetTaskRow--withoutHighlight:hover { | |
| background-color: #424242; | |
| } | |
| .SpreadsheetTaskNameCell::before { | |
| background-image: none; | |
| } | |
| .SpreadsheetTaskRow--isSpreadsheetRowHoverEnabled.SpreadsheetTaskRow--withoutHighlight:hover .SpreadsheetCell, | |
| .SpreadsheetTaskRow--isSpreadsheetRowHoverEnabled.SpreadsheetTaskRow--withoutHighlight:hover .SpreadsheetPlaceholderCell { | |
| background-color: #303030 | |
| } | |
| .SpreadsheetTaskRow--isSpreadsheetRowHoverEnabled.SpreadsheetTaskRow--withoutShadedBackground:hover .SpreadsheetPlaceholderCell, | |
| .SpreadsheetTaskRow--isSpreadsheetRowHoverEnabled.SpreadsheetTaskRow--withoutShadedBackground:hover, | |
| .SpreadsheetTaskRow--isSpreadsheetRowHoverEnabled.SpreadsheetTaskRow--withoutShadedBackground:hover .SpreadsheetCell, | |
| .SpreadsheetTaskRow--withoutShadedBackground:hover .SpreadsheetCell, | |
| .SpreadsheetTaskRow--withoutShadedBackground:hover, | |
| .SpreadsheetTaskRow--withoutShadedBackground:hover .SpreadsheetPlaceholderCell { | |
| background-color: #303030 !important; | |
| } | |
| .FormEditor-mainContent { | |
| background-color: #212121; | |
| } | |
| .FormEditorTopbar { | |
| background: #303030; | |
| border-bottom: 1px solid #42424270; | |
| } | |
| .NonEditingTitle { | |
| background-color: #303030; | |
| color: #fefefe; | |
| } | |
| .NonEditingTitle:hover { | |
| background-color: #00968850; | |
| box-shadow: none; | |
| } | |
| .NonEditingTitle-filledRichDescription { | |
| color: #fefefe90; | |
| } | |
| .NonEditingFormField { | |
| background-color: #303030; | |
| box-shadow: none; | |
| } | |
| .NonEditingFormField:hover { | |
| background-color: #009688; | |
| } | |
| .CreateFormEntryPoint-container { | |
| background-color: #212121; | |
| } | |
| .PotFiles { | |
| background: #212121 | |
| } | |
| .PotFilesEmptyState { | |
| background-color: #303030; | |
| box-shadow: 0 1px 3px 0 rgba(48, 48, 48, .15) | |
| } | |
| .AbstractConversationComposer-textEditorContainer { | |
| background: #303030; | |
| } | |
| .CalendarBody, | |
| .CalendarBody-dates { | |
| background: #212121 !important; | |
| } | |
| .CalendarDay { | |
| background: #303030 !important; | |
| } | |
| .CalendarDay--visibleMonth .CalendarDay-dayHeader { | |
| color: #fefefe; | |
| font-weight: 700; | |
| } | |
| .TaskCell--colorNone { | |
| background-color: #666666; | |
| border-color: #666666; | |
| } | |
| .ProjectCalendarDay.CalendarDay.CalendarDay--today .CalendarDay-dayHeader { | |
| color: #009688; | |
| font-weight: 900 !important | |
| } | |
| .FormElementButton.FormElementButton--disabled { | |
| background: #424242; | |
| } | |
| .PageToolbarDivider { | |
| background: #424242 | |
| } | |
| .AutomationMenuContents-addRule:hover { | |
| background-color: #009688; | |
| } | |
| .BoardColumnWithSortableTasks-sortableList::before { | |
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(48, 48, 48, 0.7)), to(rgba(33, 33, 33, 0))); | |
| background-image: linear-gradient(rgba(48, 48, 48, 0.7), rgba(33, 33, 33, 0)); | |
| } | |
| .BoardColumn--hasDragPrompt { | |
| box-shadow: 0 0 0 1px #424242; | |
| } | |
| .ProjectSpreadsheetAggregationRow-stickyCell { | |
| background: #212121 | |
| } | |
| .ProjectSpreadsheetAddTaskAndAggregationRow:hover { | |
| background-color: #303030; | |
| } | |
| .ProjectSpreadsheetAddTaskAndAggregationRow-border, | |
| .ProjectSpreadsheetAddTaskAndAggregationRow-dragHandlePlaceholder, | |
| .ProjectSpreadsheetAddTaskAndAggregationRow-rightGutter { | |
| border-color: #42424275 | |
| } | |
| .TeamSettingsDialogListRow-name { | |
| color: #fefefe | |
| } | |
| .TeamSettingsDialogListRow:hover { | |
| background-color: #303030; | |
| } | |
| .team-invite-view.footer { | |
| border-top: 1px solid #42424270 | |
| } | |
| .TeamSettingsDialogListRowLink:hover, | |
| .TeamSettingsDialogListRowLink:focus { | |
| color: #009688; | |
| border-bottom: 1px solid #009688 | |
| } | |
| .TeamOverviewProjectRowDetailed--isMenuOpen .PotRow { | |
| background-color: #424242; | |
| } | |
| .KeyboardShortcutLabel-key { | |
| background-color: #424242; | |
| border: 1px solid #42424270; | |
| border-radius: 4px; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| color: #fefefe; | |
| } | |
| .SpreadsheetFieldHeading.SpreadsheetFieldHeading--isSortedByField, | |
| .SpreadsheetFieldHeading:hover, | |
| .SpreadsheetFieldHeading.SpreadsheetFieldHeading--isDropdownOpen { | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .BoardColumnHeaderTitle, | |
| .InboxThreadFooter-followupTaskLink, | |
| .InboxThreadFooter-toggleFollowLink, | |
| .TaskAddedToPotInboxThreadFooter-archiveAllLink, | |
| .TaskAddedToPotInboxThreadFooter-toggleFollowLink { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .InboxThreadFooter-followupTaskLink, | |
| .InboxThreadFooter-toggleFollowLink, | |
| .InboxThreadFooter-toggleFollowButton--isFollowing .InboxThreadFooter-toggleFollowLink, | |
| .TaskAddedToPotInboxThreadFooter-toggleFollowButton--isFollowing .TaskAddedToPotInboxThreadFooter-toggleFollowLink, | |
| .TaskAddedToPotInboxThreadFooter-archiveAllLink, | |
| .TaskAddedToPotInboxThreadFooter-toggleFollowLink { | |
| border-color: #fefefe70; | |
| color: #fefefe70; | |
| fill: #fefefe70; | |
| } | |
| .InboxThreadFooter-followupTaskLink:hover, | |
| .InboxThreadFooter-followupTaskLink:focus, | |
| .InboxThreadFooter-toggleFollowLink:hover, | |
| .InboxThreadFooter-toggleFollowLink:focus, | |
| .TaskAddedToPotInboxThreadFooter-toggleFollowButton--isFollowing .TaskAddedToPotInboxThreadFooter-toggleFollowLink:hover, | |
| .TaskAddedToPotInboxThreadFooter-toggleFollowButton--isFollowing .TaskAddedToPotInboxThreadFooter-toggleFollowLink:focus, | |
| .InboxThreadFooter-toggleFollowButton--isFollowing .InboxThreadFooter-toggleFollowLink:hover, | |
| .InboxThreadFooter-toggleFollowButton--isFollowing .InboxThreadFooter-toggleFollowLink:focus { | |
| border-color: #009688; | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .AssigneeToken--spreadsheetTaskPane .AssigneeToken-userNameLabel { | |
| color: #fefefe | |
| } | |
| #fatal_error_dialog { | |
| background: #303030; | |
| border: 1px solid #424242; | |
| } | |
| .error-heading { | |
| border-bottom-color: #424242; | |
| color: #ED7B82; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .error-directions, | |
| .fatalErrorDialog-errorContact { | |
| color: #fefefe; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| #fatal_error_dialog #error_info { | |
| color: #fefefe75; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums | |
| } | |
| .TaskPaneToolbarCompletionButton.StatusButton--isUnset.StatusButton--secondaryColorOnHoverOnly:not(.Button--disabled).Button--secondaryColorOnHoverOnly { | |
| border-color: #424242; | |
| color: #fefefe95; | |
| fill: #fefefe95 | |
| } | |
| .TaskPaneToolbarCompletionButton.StatusButton--isUnset.StatusButton--isSpreadsheetTaskPane:not(.Button--disabled).Button--secondaryColorOnHoverOnly { | |
| border-color: #424242; | |
| color: #fefefe75; | |
| fill: #fefefe75 | |
| } | |
| .TokenButton.TokenButton--interactive:hover, | |
| .TokenButton.TokenButton--interactive:focus { | |
| background-color: #00968850; | |
| border-color: #00968850; | |
| color: #273240; | |
| fill: #fefefe; | |
| cursor: pointer; | |
| outline: 0; | |
| } | |
| .SpreadsheetTaskNameHeader-taskNameHeadingBorder { | |
| border-color: #303030 | |
| } | |
| .SpreadsheetTaskNameHeader-taskNameHeadingCell.SpreadsheetTaskNameHeader-taskNameHeadingCell--isDropdownOpen, | |
| .SpreadsheetTaskNameHeader-taskNameHeadingCell.SpreadsheetTaskNameHeader-taskNameHeadingCell--isSortedByField { | |
| color: #fefefe; | |
| } | |
| .SpreadsheetTaskNameHeader-taskNameHeadingCell.SpreadsheetTaskNameHeader-taskNameHeadingCell--isDropdownOpen, | |
| .SpreadsheetTaskNameHeader-taskNameHeadingCell.SpreadsheetTaskNameHeader-taskNameHeadingCell--isSortedByField { | |
| fill: #fefefe; | |
| } | |
| .SpreadsheetTaskNameHeader-taskNameHeadingCell--withHoverState:hover { | |
| background-color: #303030; | |
| color: #fefefe70; | |
| fill: #fefefe70 | |
| } | |
| .MultiSelectToolbarBody { | |
| background: #303030; | |
| border-radius: 4px; | |
| box-shadow: 0 5px 20px 0 rgba(21, 27, 38, .08); | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-box-align: center; | |
| align-items: center; | |
| border: 1px solid #424242; | |
| } | |
| .SpreadsheetGridDropTarget-stickyCell, | |
| .SpreadsheetGridDropTarget-rightChild { | |
| border-color: #42424270 !important | |
| } | |
| .SpreadsheetTaskNameHeader-taskNameHeadingCell.SpreadsheetTaskNameHeader-taskNameHeadingCell--isDropdownOpen { | |
| background-color: #303030; | |
| } | |
| .SpreadsheetTaskNameCell-dragHandlePlaceholder { | |
| border: none; | |
| } | |
| .SpreadsheetTagGrid-horizontalScrollSeam, | |
| .SpreadsheetHorizontalScrollSeam { | |
| border-color: #42424270 !important | |
| } | |
| .DueDateWithRecurrence, | |
| .DueDateToken-tokenButton .DueDate--future { | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .TaskDueDateToken-tokenButton .DueDate--future { | |
| color: #009688; | |
| } | |
| .AttachmentMetadataBar { | |
| background-color: #181818; | |
| border-bottom-color: #30303090; | |
| } | |
| .AttachmentsCarousel { | |
| background-color: #212121; | |
| } | |
| .BoardCardCoverImage { | |
| border-color: transparent; | |
| box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .4) | |
| } | |
| .Typography--colorDarkGray { | |
| color: #fefefe | |
| } | |
| .Typography { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .FormElementButton.FormElementButton--basic:not(.FormElementButton--disabled):active, | |
| .FormElementButton.FormElementButton--basic:not(.FormElementButton--disabled).FormElementButton--active { | |
| background-color: #424242; | |
| } | |
| .SpreadsheetCell.SpreadsheetCell--overrideBlueBorderToAlwaysVisible { | |
| border-color: #009688; | |
| } | |
| .ComposerAttachmentsPile-attachmentCardContainer:hover .AttachmentCard--validLink { | |
| background: #009688; | |
| border-color: #009688; | |
| } | |
| .RichAttachment-labelLink:hover, | |
| .RichAttachment-labelLink:focus { | |
| color: #fefefe; | |
| font-weight: 800 | |
| } | |
| .PotColumnName-nameButton { | |
| color: #fefefe; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .TaskGroupHeader-toggleButton { | |
| filter: invert(50) | |
| } | |
| .highcharts-series { | |
| filter: hue-rotate(350deg) | |
| } | |
| .SpreadsheetPageStructure-detailsOverlay { | |
| background-color: #212121; | |
| border-color: #424240; | |
| } | |
| .LinkOverlay { | |
| border-color: #009688; | |
| background: #009688; | |
| color: #fefefe; | |
| box-shadow: 1px 1px 1px 1px #009688 | |
| } | |
| .LinkOverlay a, | |
| .LinkOverlay a:focus, | |
| .LinkOverlay a:hover { | |
| color: #fefefe; | |
| font-weight: 600 | |
| } | |
| .LinkButton { | |
| color: #009688; | |
| } | |
| .LinkButton:hover, | |
| .LinkButton:focus, | |
| .EmailForwardingTabContent-message { | |
| color: #fefefe | |
| } | |
| .EmailNotificationsSettingsContent-aboutNotificationsIcon { | |
| fill: #009688; | |
| } | |
| .textInput[disabled] { | |
| background: #303030; | |
| border-color: #42424270; | |
| color: #fefefe50; | |
| } | |
| .simpleTextarea::placeholder { | |
| background: transparent; | |
| border-color: #424242; | |
| color: #fefefe70; | |
| } | |
| .SidebarInvite { | |
| visibility: collapse | |
| } | |
| .MenuItem-itemIcon { | |
| fill: #fefefe75 | |
| } | |
| .MultiSelectToolbarCustomPropertyDetailsRow-label { | |
| /* font-family: Lato, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, Source Sans Pro !important; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #fefefe75 | |
| } | |
| .HintTextTypeaheadItem { | |
| background: #424242; | |
| color: #fefefe95 | |
| } | |
| .SpreadsheetGridTaskNameCell-parentTaskName, | |
| .Tab, | |
| .PageToolbarInfoDisplay, | |
| .TaskRowCompletionStatus-checkbox, | |
| .SpreadsheetHeaderLeftStructure { | |
| /* font-family: Lato, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, Source Sans Pro !important; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #fefefe75; | |
| fill: #fefefe75; | |
| } | |
| .PortfolioIndexPage { | |
| background-color: #212121 | |
| } | |
| .FormEditorOptions { | |
| background: #212121; | |
| border-color: #42424270 | |
| } | |
| .FormEditorSubmissionTitleSettings-formTitleInput { | |
| background-color: #303030; | |
| } | |
| .EditingTitle { | |
| background: #303030; | |
| } | |
| .EditingTitle-nameRow { | |
| background: #424242 !important; | |
| border-color: #00968850 | |
| } | |
| .EditingFormField { | |
| background-color: #303030 | |
| } | |
| .EditingFormField-separator { | |
| border-color: #424242 | |
| } | |
| .AttachmentFormFieldPreview { | |
| background-color: #424242; | |
| border-color: #00968850 | |
| } | |
| .AttachmentFormFieldPreview-fakeButton { | |
| background: #303030; | |
| border-color: #00968850; | |
| color: #fefefe | |
| } | |
| .highcharts-area { | |
| fill: #424242; | |
| } | |
| .BurnupChart .highcharts-tooltip>span { | |
| background-color: #424242; | |
| border-color: #424242; | |
| color: #fefefe !important; | |
| font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif !important; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .BurnupChart .highcharts-tooltip>span .date-label { | |
| color: #009688 !important; | |
| font-weight: 600 | |
| } | |
| .TeamMembersSection-showAllMembersRow--clickable .TeamMembersSection-showAllMembersIconWrapper { | |
| background: #303030; | |
| } | |
| .TeamMembersSection-showAllMembersRow--clickable:hover .TeamMembersSection-showAllMembersIconWrapper { | |
| background: #424242 | |
| } | |
| .PotTile-card { | |
| background: #424242; | |
| fill: #fefefe70 | |
| } | |
| .TeamSettingsDialogMembersTabContent-inviteControls, | |
| .SidebarCollapsibleSection { | |
| border-color: #42424270 | |
| } | |
| .SingleTaskPaneSpreadsheet-footer { | |
| background: #262626; | |
| } | |
| .HomeTasksForTodaySection-empty, | |
| .MultilineRowMetadataStructure-metadata, | |
| .SidebarCollapsibleHeader { | |
| color: #fefefe70; | |
| font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif !important; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .HubViewMenu-button, | |
| .MultilineRowMetadataStructure-metadata, | |
| .SidebarTeamsList-addTeamLink { | |
| fill: #fefefe70 | |
| } | |
| .SidebarCollapsibleHeader:hover .SidebarCollapsibleHeader-name, | |
| .SidebarCollapsibleHeader:focus .SidebarCollapsibleHeader-name, | |
| .SidebarTeamsList-addTeamLink, | |
| .SidebarTeamsList-addTeamLink:hover, | |
| .SidebarTeamsList-addTeamLink:focus { | |
| color: #fefefe90; | |
| fill: #fefefe90 | |
| } | |
| .SpreadsheetHeaderLeftStructure--withHoverState:hover { | |
| background-color: #303030; | |
| color: #fefefe70; | |
| fill: #fefefe70; | |
| } | |
| .LinkOverlayUnfurlStructure-websiteName { | |
| color: #fefefe; | |
| font-weight: 700; | |
| } | |
| .LinkOverlayUnfurlStructure-titleLinkText .LinkOverlayUnfurlStructure-titleLinkText--hasUnfurlTitle:hover, | |
| .LinkOverlayUnfurlStructure-titleLinkText { | |
| color: #009688; | |
| } | |
| .LinkOverlayUnfurlStructure-titleLinkText.LinkOverlayUnfurlStructure-titleLinkText--hasUnfurlTitle:hover, | |
| .LinkOverlayUnfurlStructure-titleLinkText.LinkOverlayUnfurlStructure-titleLinkText--hasUnfurlTitle:focus { | |
| color: #fefefe; | |
| font-weight: 700 | |
| } | |
| .ProgressStructure, | |
| .ProgressStructure-contentAndSidebar { | |
| background: #212121 | |
| } | |
| .ProjectProgressHeader { | |
| color: #fefefe | |
| } | |
| .SummaryCountCard { | |
| background-color: #424242; | |
| box-shadow: 0 1px 3px 0 rgba(66, 66, 66, .15); | |
| } | |
| .SummaryCountCard-label { | |
| color: #fefefe | |
| } | |
| .ProjectProgressPublishedReportSection-emptyStatusImg { | |
| filter: invert(100) | |
| } | |
| .ProgressStructure-divider { | |
| border-right: 1px solid #42424270 | |
| } | |
| .ProgressAboutSection-textEditor:hover { | |
| border-color: #424242; | |
| } | |
| .SummaryCountCard-count, | |
| .SummaryCountCard-label, | |
| .StatusReportHeaderInput-autogrowTextArea .AutogrowTextarea-input, | |
| .StatusReportHeaderInput-autogrowTextArea .AutogrowTextarea-shadow { | |
| font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif !important; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .TimelinePlaceholder-monthHeader { | |
| -webkit-animation: animation-shimmering 1.5s linear infinite; | |
| animation: animation-shimmering 1.5s linear infinite; | |
| background-color: #303030; | |
| background-image: linear-gradient(-90deg, #303030 0%, #424242 50%, #303030 100%); | |
| background-position: -300px 0; | |
| background-repeat: no-repeat; | |
| background-size: 300px 100%; | |
| border-radius: 4px; | |
| height: 11px; | |
| } | |
| .StatusReportCreatorTopbar { | |
| border-color: #42424270 | |
| } | |
| .StatusReportBody-scrollable { | |
| background: #212121 | |
| } | |
| .StatusReportCreator-sidebar { | |
| background: #30303025 | |
| } | |
| .StatusReportSectionDivider-line { | |
| background: #42424270 | |
| } | |
| .StatusReportHeaderInput-autogrowTextArea { | |
| color: #fefefe | |
| } | |
| .StatusReportColorSelect-statusBadgeOption .StatusBadge.StatusBadge--color, | |
| .StatusReportSectionDivider-plusCircleFill { | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .StatusReportSectionDivider:hover .StatusReportSectionDivider-line { | |
| background: #fefefe | |
| } | |
| .DraggableSidebarListCard-placeholderRow { | |
| background-color: #424242; | |
| } | |
| .Typography--colorDarkGray2 { | |
| color: #fefefe | |
| } | |
| .MultiSelectToolbarButtons-extrasPopover { | |
| max-height: 600px; | |
| } | |
| .UserDeveloperConsoleHeader { | |
| background-color: #212121; | |
| color: #fefefe | |
| } | |
| .AppDetails { | |
| background-color: #212121 | |
| } | |
| .AppDetails-navigationBar { | |
| border-bottom: 1px solid #424242; | |
| } | |
| .TextboxWithButtonAndTimeout { | |
| background-color: #303030; | |
| border-color: #424242 | |
| } | |
| .Button.Button--disabled.Button--secondary { | |
| border-color: #424242 | |
| } | |
| .UserDeveloperConsole { | |
| background-color: #212121; | |
| } | |
| .AppListItem { | |
| background-color: #303030; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .AddAppTile { | |
| border-color: #424242 | |
| } | |
| .AddPersonalAccessTokenRow { | |
| border-color: #424242 | |
| } | |
| .InboxTimeSeparator { | |
| background: #212121; | |
| border-bottom: 1px solid #424242; | |
| color: #fefefe; | |
| } | |
| .InboxClarifiedExpandableThread.InboxClarifiedExpandableThread--selected { | |
| background: #303030 | |
| } | |
| .InboxClarifiedExpandableThread.InboxClarifiedExpandableThread--selected:hover, | |
| .InboxClarifiedExpandableThread:hover { | |
| background: #303030 | |
| } | |
| .InboxClarifiedIconAndText-name { | |
| color: #fefefe | |
| } | |
| .StoryActorName-actorName { | |
| color: #fefefe; | |
| font-weight: 700 | |
| } | |
| .InboxClarifiedThreadHeader-unviewedCommentCount, | |
| .InboxClarifiedThreadHeader-unviewedIndicator { | |
| background: #009688 | |
| } | |
| .InboxClarifiedThreadHeader-urgencyIndicator { | |
| background-color: #424242; | |
| } | |
| .InboxClarifiedExpandableThread-floatingButtonsContainer { | |
| background-color: #424242; | |
| border-color: #424242 | |
| } | |
| .MilestonesListRow-name { | |
| color: #fefefe; | |
| } | |
| .BoardCard-milestoneIndicator .MilestoneIndicator-label { | |
| color: #fefefe; | |
| } | |
| .SubtleIconButton.AbstractThemeableIconButton { | |
| fill: #fefefe90; | |
| } | |
| .SubtleIconButton.AbstractThemeableIconButton--isEnabled:hover { | |
| fill: #009688; | |
| } | |
| .SubtleToggleButton--isPressed.AbstractThemeableRectangularButton { | |
| background: #303030; | |
| border-color: #424242; | |
| color: #009688; | |
| fill: #009688 | |
| } | |
| .SubtleToggleButton--isPressed.AbstractThemeableRectangularButton--isEnabled:hover, | |
| .SubtleToggleButton--isNotPressed.AbstractThemeableRectangularButton--isEnabled:hover { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .AddedToMembershipDetailStructure-toolbarTitle { | |
| color: #009688; | |
| fill: #009688; | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| } | |
| .Inbox-detailsPane--clarified { | |
| border-color: #424242 | |
| } | |
| .TaskAddedToPotInboxClarifiedThread.TaskAddedToPotInboxClarifiedThread--selectable:hover { | |
| background-color: #303030 | |
| } | |
| .InboxClarifiedReferencedTaskItem-inner.InboxClarifiedReferencedTaskItem-inner { | |
| background-color: #424242; | |
| border-color: #424242; | |
| } | |
| .InboxClarifiedReferencedTaskItem-inner.InboxClarifiedReferencedTaskItem-inner:hover { | |
| background-color: #009688 | |
| } | |
| .InboxClarifiedReferencedTaskItem-milestoneName, | |
| .InboxClarifiedReferencedTaskItem-taskName { | |
| color: #fefefe | |
| } | |
| .InboxClarifiedReferencedTaskItem:hover .InboxClarifiedReferencedTaskItem-inner, | |
| .InboxClarifiedReferencedTaskItem--animatingCompletion .InboxClarifiedReferencedTaskItem-inner { | |
| background-color: #303030; | |
| } | |
| .InboxClarifiedReferencedTaskItem-inner.InboxClarifiedReferencedTaskItem-inner--last { | |
| border-bottom: solid 1px #424242; | |
| } | |
| .IconButton.IconButton--enabled:active, | |
| .IconButton.IconButton--enabled.IconButton--active { | |
| fill: #009688 | |
| } | |
| .StaticMenuItemBase-button { | |
| color: #fefefe | |
| } | |
| .StaticMenuItemBase-button:hover { | |
| color: #fefefe | |
| } | |
| .StaticMenuItemBase-button.is-highlighted { | |
| background-color: #424242 | |
| } | |
| .MultiColorIcon--unselected .MultiColorIcon-path--fadedBlack { | |
| fill: #fefefe75 | |
| } | |
| .MultiColorIcon--unselected .MultiColorIcon-path--white { | |
| fill: #212121 | |
| } | |
| .SecondaryButton.AbstractThemeableRectangularButton { | |
| background: #303030; | |
| border-color: #424242; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .SecondaryButton.AbstractThemeableRectangularButton--isEnabled:hover, | |
| .SubtleButton.AbstractThemeableRectangularButton--isEnabled:hover { | |
| background: #424242; | |
| border-color: #424242; | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .SeparatorRow { | |
| padding-top: 15px | |
| } | |
| .TaskStoryFeed .SeparatorRow-horizontalLine { | |
| border-color: #009688; | |
| } | |
| .TaskStoryFeed .SeparatorRow-label { | |
| color: #009688; | |
| font-weight: 800; | |
| } | |
| .TaskCompletionToggleButton--isNotPressed.AbstractThemeableRectangularButton { | |
| background: #303030; | |
| border-color: #424242; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .TaskCompletionToggleButton--isNotPressed.AbstractThemeableRectangularButton--isEnabled:hover { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .TaskAncestry-ancestorLink:hover, | |
| .TaskAncestry-ancestorLink:focus { | |
| border-bottom: 1px solid #009688; | |
| color: #009688; | |
| fill: #009688; | |
| outline: none; | |
| text-decoration: none; | |
| } | |
| .TaskCompletionStatusIndicator.TaskCompletionStatusIndicator--incomplete .CompoundIcon-outer { | |
| fill: #424242; | |
| stroke: #666; | |
| } | |
| .TaskCompletionStatusIndicator.TaskCompletionStatusIndicator--incomplete .CompoundIcon-inner { | |
| fill: #fefefe; | |
| } | |
| .TaskCompletionStatusIndicator.TaskCompletionStatusIndicator--complete .CompoundIcon-outer { | |
| fill: #009688; | |
| stroke: #009688; | |
| } | |
| .TaskCompletionToggleButton--isPressed.AbstractThemeableRectangularButton { | |
| background: #009688; | |
| border-color: #009688; | |
| color: #fff; | |
| fill: #fff; | |
| } | |
| .ChipWithIcon--withIconFill { | |
| background-color: #303030; | |
| border-color: #424242 | |
| } | |
| .DeprecatedTaskRow:not(.DeprecatedTaskRow--borderless)::after { | |
| border-bottom: 1px solid #30303050; | |
| color: #fefefe | |
| } | |
| .DeprecatedTaskRow.ItemRow--enabled:not(.ItemRow--focused):not(.ItemRow--highlighted):hover { | |
| background-color: #303030 | |
| } | |
| .ProfileSettingsDialogAccountContent-section { | |
| color: #fefefe; | |
| } | |
| .ProfileSettingsDialogAccountContent-domainName { | |
| color: #009688; | |
| } | |
| .EmailNotificationsSettingsContent-emailFlow, | |
| .ProfileSettingsDialogAccountContent-section:not(:last-child), | |
| .ProfileSettingsDialog-emailFlow, | |
| .AuthorizedAppRow, | |
| .ApiApps-divider, | |
| .HacksDialogContent-row:not(:last-child), | |
| .TeamSettingsDialogAdvancedTabContent-deleteTeamSettings { | |
| border-color: #424242; | |
| } | |
| .AutogrowTextarea-shadow, | |
| .simpleTextarea { | |
| border-color: #424242; | |
| } | |
| textarea { | |
| background-color: #303030; | |
| border-color: #424242; | |
| } | |
| .TeamSettingsDialogListRow:hover:not(.TeamSettingsDialogList-row--viewOnly) { | |
| background-color: #303030; | |
| } | |
| .TeamMembersSection-addMemberButtonRow { | |
| color: #e2e2e2; | |
| fill: #e2e2e2 | |
| } | |
| .TeamMembersSection-addMemberButtonRow:hover { | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .SidebarTopNavLinks-typeIcon, | |
| .is-selected .SidebarTopNavLinks-typeIcon { | |
| fill: #e2e2e2 | |
| } | |
| .StickerPickerContainer { | |
| background-color: #303030; | |
| border: 1px solid #424242; | |
| } | |
| .StickerPicker-sticker:hover { | |
| background-color: #424242; | |
| border-radius: 8px; | |
| cursor: pointer; | |
| } | |
| .SecondarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton, | |
| .SecondarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton { | |
| background: #212121; | |
| border-color: #424242; | |
| color: #fff; | |
| fill: #fff | |
| } | |
| .SecondarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton--isEnabled:hover, | |
| .SecondarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton--isEnabled:hover { | |
| background: #424242; | |
| border-color: #424242; | |
| color: #fff; | |
| fill: #fff; | |
| } | |
| .SecondarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton--isEnabled.AbstractThemeableRectangularButton--isActive, | |
| .SecondarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton--isEnabled:active, | |
| .SecondarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton--isEnabled.AbstractThemeableRectangularButton--isActive, | |
| .SecondarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton--isEnabled:active { | |
| background: #424242; | |
| border-color: #424242; | |
| color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .HiddenNavigationLink.HiddenNavigationLink--darkGray3 { | |
| color: #fefefe; | |
| fill: #fefefe | |
| } | |
| .TaskAddedToPotInboxClarifiedThread-floatingButtonsContainer { | |
| background: #303030; | |
| border-color: #424242 | |
| } | |
| .TaskAddedToPotInboxClarifiedThread-floatingButtonsContainer { | |
| border-color: #424242 | |
| } | |
| .SecondaryIconButton.AbstractThemeableIconButton { | |
| background: #212121; | |
| border-color: #fefefe; | |
| fill: #fefefe; | |
| } | |
| .SecondaryIconButton.AbstractThemeableIconButton--isEnabled:hover { | |
| background: #009688; | |
| border-color: #009688; | |
| fill: #fefefe; | |
| } | |
| .SubtleButton.AbstractThemeableRectangularButton { | |
| color: #fefefe95; | |
| fill: #fefefe95; | |
| } | |
| .SubtleToggleButton--isNotPressed.AbstractThemeableRectangularButton--isEnabled.AbstractThemeableRectangularButton--isActive, | |
| .SubtleToggleButton--isNotPressed.AbstractThemeableRectangularButton--isEnabled:active { | |
| background: #009688; | |
| border-color: #009688 | |
| } | |
| .SubtleToggleButton--isNotPressed.AbstractThemeableRectangularButton--isEnabled.AbstractThemeableRectangularButton--isActive, | |
| .SubtleToggleButton--isNotPressed.AbstractThemeableRectangularButton--isEnabled:active { | |
| color: #fff; | |
| fill: #fff | |
| } | |
| .SpreadsheetTaskRow--withoutShadedBackground:hover, | |
| .SpreadsheetTaskRow--contextMenuOpened, | |
| .SpreadsheetTaskRow--withoutShadedBackground:hover .SpreadsheetPlaceholderCell, | |
| .SpreadsheetTaskRow--contextMenuOpened .SpreadsheetPlaceholderCell, | |
| .SpreadsheetTaskRow--withoutShadedBackground:hover .SpreadsheetCell, | |
| .SpreadsheetTaskRow--contextMenuOpened .SpreadsheetCell { | |
| background-color: #303030 !important; | |
| } | |
| .MyTasksGridRow--contextMenuOpen .ItemRow { | |
| background-color: #424242; | |
| border-color: #424242 | |
| } | |
| .CustomPropertyTextEditablePreviewCell--isInsideCell .CustomPropertyTextEditablePreviewCell-input::placeholder { | |
| color: #fefefe | |
| } | |
| .HiddenLinkButton.HiddenLinkButton--darkGray1:hover, | |
| .HiddenLinkButton.HiddenLinkButton--darkGray1:focus { | |
| border-bottom-style: none; | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .BoardColumnDropPlaceholder { | |
| background: #212121; | |
| border-color: #424242; | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .ProgressPublishedReportSection-emptyStatusImg { | |
| filter: invert(80%) | |
| } | |
| .ProjectProgressV2-scrollable { | |
| background-color: #303030 | |
| } | |
| .PrimarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton, | |
| .PrimarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton { | |
| background: #009688; | |
| border-color: #009688; | |
| } | |
| .PrimarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton--isEnabled:hover, | |
| .PrimarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton--isEnabled:hover { | |
| background: #00bdab; | |
| border-color: #00bdab; | |
| } | |
| .PrimarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton--isEnabled.AbstractThemeableRectangularButton--isActive, | |
| .PrimarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton--isEnabled:active, | |
| .PrimarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton--isEnabled.AbstractThemeableRectangularButton--isActive, | |
| .PrimarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton--isEnabled:active { | |
| background: #00bdab; | |
| border-color: #00bdab; | |
| } | |
| .PrimarySplitDropdownMenuButton-leftButton.AbstractThemeableRectangularButton--isEnabled:focus, | |
| .PrimarySplitDropdownMenuButton-rightButton.AbstractThemeableRectangularButton--isEnabled:focus { | |
| box-shadow: 0 0 0 3px #00ffe7; | |
| } | |
| .IconAvatar--gold { | |
| background-color: #fefefe50; | |
| fill: #fcbd01; | |
| } | |
| .AvatarBadge-badge--colorGreen.AvatarBadge-badge--shapeCircle, | |
| .AvatarBadge-badge--colorGreen.AvatarBadge-badge--shapeSquare, | |
| .AvatarBadge-badge--colorGreen .AvatarBadge-diamondBadge { | |
| background-color: #009688 | |
| } | |
| .InboxClarifiedExpandableThread--selected .InboxClarifiedStory-avatarBadge.AvatarBadge .AvatarBadge-badge--shapeCircle, | |
| .InboxClarifiedExpandableThread--selected .InboxClarifiedStory-avatarBadge.AvatarBadge .AvatarBadge-badge--shapeSquare, | |
| .InboxClarifiedExpandableThread--selected .InboxClarifiedStory-avatarBadge.AvatarBadge .AvatarBadge-diamondBadge, | |
| .InboxClarifiedExpandableThread--selected:hover .InboxClarifiedStory-avatarBadge.AvatarBadge .AvatarBadge-badge--shapeCircle, | |
| .InboxClarifiedExpandableThread--selected:hover .InboxClarifiedStory-avatarBadge.AvatarBadge .AvatarBadge-badge--shapeSquare, | |
| .InboxClarifiedExpandableThread--selected:hover .InboxClarifiedStory-avatarBadge.AvatarBadge .AvatarBadge-diamondBadge { | |
| box-shadow: 0 0 0 2px #fefefe; | |
| } | |
| .GoalPromotionOverlay-container { | |
| background: #212121; | |
| } | |
| .PrimaryNavigationLink, | |
| .PrimaryNavigationLink:hover, | |
| .PrimaryNavigationLink:focus { | |
| color: #009688; | |
| fill: #009688; | |
| } | |
| .HubViewMenu-button:hover, | |
| .HubViewMenu-button:focus, | |
| .HubSection-titleWithCollapseToggle:hover .HubSection-triangleToggle { | |
| fill: #009688 | |
| } | |
| .MonthPicker-header { | |
| border-color: #424242 | |
| } | |
| .MonthPicker-month { | |
| color: #fefefe95 | |
| } | |
| .MonthPicker-month:hover { | |
| color: #009688; | |
| } | |
| .MonthPicker-month--isSelected::after { | |
| background-color: #009688; | |
| } | |
| .SidebarTeamMembershipHeader-teamName { | |
| /* font-family: Lato, Source Sans Pro, IBM Plex Sans, -Apple-system, BlinkMacSystemFont, sans-serif; */ | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-variant-numeric: tabular-nums; | |
| color: #fefefe70; | |
| } | |
| .FullWidthPageStructureWithDetailsOverlay { | |
| background: #212121; | |
| } | |
| .FullWidthPageStructureWithDetailsOverlay-detailsOverlay { | |
| background: #212121; | |
| border-color: #42424270 | |
| } | |
| .MeasuredLoadingState-placeholder { | |
| background-color: #424242; | |
| background-image: linear-gradient(-90deg, #424242 0%, #303030 50%, #424242 100%); | |
| } | |
| .LoginContent, | |
| .LoginContent-container, | |
| .LoginContent-postFormForPassword { | |
| background-color: #212121; | |
| } | |
| .LoginContent-logInText { | |
| color: #fefefe; | |
| } | |
| .SeparatorRow-horizontalLine { | |
| border-color: #424242; | |
| } | |
| .LoginContent-separatorRowLabel { | |
| color: #424242 !important | |
| } | |
| .LoginContent input { | |
| background-color: #fefefe15; | |
| } | |
| .InboxClarifiedExpandableThread-communicationsInboxFeedStyleUpdate.InboxClarifiedExpandableThread--selected, | |
| .TaskAddedToPotInboxClarifiedThread-communicationsInboxFeedStyleUpdate.TaskAddedToPotInboxClarifiedThread--selected { | |
| background: #303030 | |
| } | |
| .InboxFeed-threadCommunicationsInboxFeedStyleUpdate, | |
| .InboxFeed-threadCommunicationsInboxFeedStyleUpdate:hover { | |
| border-color: #42424275 | |
| } | |
| .InboxClarifiedExpandableThread-communicationsInboxFeedStyleUpdate:hover { | |
| color: #fefefe; | |
| } | |
| .InboxClarifiedExpandableThread-communicationsInboxFeedStyleUpdate:hover .InboxClarifiedIconAndNameContext-nameCommunicationsInboxFeedStyleUpdate { | |
| color: #fefefe75 | |
| } | |
| .InboxClarifiedExpandableThread-communicationsInboxFeedStyleUpdate .StoryActorName-actorName, | |
| .InboxClarifiedExpandableThread-communicationsInboxFeedStyleUpdate:hover .StoryActorName-actorName { | |
| color: #009688; | |
| } | |
| .InboxClarifiedExpandableThread-communicationsInboxFeedStyleUpdate { | |
| color: #fefefe | |
| } | |
| .TaskAddedToPotInboxClarifiedThread-communicationsInboxFeedStyleUpdate, | |
| .InboxClarifiedReferencedTaskItem-milestoneNameCommunicationsInboxFeedStyleUpdate, | |
| .InboxClarifiedReferencedTaskItem-taskNameCommunicationsInboxFeedStyleUpdate, | |
| .TaskAddedToPotInboxClarifiedThread-communicationsInboxFeedStyleUpdate:hover .InboxClarifiedReferencedTaskItem-milestoneNameCommunicationsInboxFeedStyleUpdate, | |
| .TaskAddedToPotInboxClarifiedThread-communicationsInboxFeedStyleUpdate:hover .InboxClarifiedReferencedTaskItem-taskNameCommunicationsInboxFeedStyleUpdate, | |
| .TaskAddedToPotInboxClarifiedThread-communicationsInboxFeedStyleUpdate:hover, | |
| .HiddenNavigationLink.HiddenNavigationLink--darkGray2 { | |
| color: #fefefe; | |
| } | |
| .MarkText { | |
| color: #fefefe | |
| } | |
| .BoardCardLayout { | |
| background-color: #131313 !important; | |
| } | |
| .BaseDraggableCard.BaseDraggableCard--default.BaseSelectableCard--isNotSelected.BaseSelectableCard--isEnabled.BaseCard { | |
| border: 1px solid #464646; | |
| } | |
| .BoardColumnWithSortableTasks-sortableList--isEmpty { | |
| background: none; | |
| } | |
| .FollowersBar .EditableFollowersRow { | |
| background-color: #00000000 !important; | |
| } | |
| .FloatingCard.BaseCard { | |
| background: #2d2d2d; | |
| } | |
| .ProjectSpreadsheetAddTaskAndAggregationRow:hover .ProjectSpreadsheetAddTaskAndAggregationRow-stickyCell { | |
| background-color: #303030; | |
| } | |
| .ProjectSpreadsheetAddTaskAndAggregationRow-stickyCell { | |
| background-color: #212121; | |
| border-top: 1px solid #303030; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment