Last active
February 24, 2018 14:18
-
-
Save 45deg/da2b04bbc065fa1447649b3579559e5c to your computer and use it in GitHub Desktop.
This file contains hidden or 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
.dark-border { | |
border: 1px solid rgb(228, 232, 234); | |
} | |
.dark-border-top { | |
border-top: 1px solid rgb(228, 232, 234); | |
} | |
html.dark { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .stream-item { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark body { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark body:before { | |
background-image: radial-gradient(circle, rgb(82, 148, 189), rgb(45, 53, 62)); | |
} | |
html.dark ::-moz-selection { | |
background: rgb(228, 232, 234); | |
color: rgb(22, 23, 25); | |
} | |
html.dark ::selection { | |
background: rgb(228, 232, 234); | |
color: rgb(22, 23, 25); | |
} | |
html.dark a { | |
color: rgb(82, 148, 189); | |
} | |
html.dark a:hover, html.dark a:focus, html.dark a:active { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .txt-mute { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .txt-mute a:not(:hover):not(:focus) { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .txt-mute-text-only { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .color-twitter-emphasis-gray { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .link-hover-override:hover .link-hover-target { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .scroll-styled-v, html.dark .scroll-styled-h { | |
-ms-scrollbar-face-color: rgb(71, 83, 92); | |
scrollbar-face-color: rgb(71, 83, 92); | |
-ms-scrollbar-highlight-color: rgb(71, 83, 92); | |
scrollbar-highlight-color: rgb(71, 83, 92); | |
-ms-scrollbar-shadow-color: rgb(71, 83, 92); | |
scrollbar-shadow-color: rgb(71, 83, 92); | |
-ms-scrollbar-darkshadow-color: rgb(71, 83, 92); | |
scrollbar-darkshadow-color: rgb(71, 83, 92); | |
-ms-scrollbar-track-color: rgb(44, 47, 49); | |
scrollbar-track-color: rgb(44, 47, 49); | |
-ms-scrollbar-3dlight-color: rgb(71, 83, 92); | |
scrollbar-3dlight-color: rgb(71, 83, 92); | |
-ms-scrollbar-arrow-color: rgb(144, 152, 159); | |
scrollbar-arrow-color: rgb(144, 152, 159); | |
} | |
html.dark .scroll-styled-v::-webkit-scrollbar-track, html.dark .scroll-styled-h::-webkit-scrollbar-track { | |
border-left: 1px solid rgb(44, 47, 49); | |
} | |
html.dark .scroll-styled-v::-webkit-scrollbar-thumb, html.dark .scroll-styled-h::-webkit-scrollbar-thumb { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .scroll-styled-v::-webkit-scrollbar-thumb:hover, html.dark .scroll-styled-h::-webkit-scrollbar-thumb:hover { | |
background-color: rgb(144, 152, 159); | |
} | |
html.dark .scroll-alt { | |
-ms-scrollbar-face-color: rgb(71, 83, 92); | |
scrollbar-face-color: rgb(71, 83, 92); | |
-ms-scrollbar-highlight-color: rgb(71, 83, 92); | |
scrollbar-highlight-color: rgb(71, 83, 92); | |
-ms-scrollbar-shadow-color: rgb(71, 83, 92); | |
scrollbar-shadow-color: rgb(71, 83, 92); | |
-ms-scrollbar-darkshadow-color: rgb(71, 83, 92); | |
scrollbar-darkshadow-color: rgb(71, 83, 92); | |
-ms-scrollbar-track-color: rgb(44, 47, 49); | |
scrollbar-track-color: rgb(44, 47, 49); | |
-ms-scrollbar-3dlight-color: rgb(71, 83, 92); | |
scrollbar-3dlight-color: rgb(71, 83, 92); | |
-ms-scrollbar-arrow-color: rgb(144, 152, 159); | |
scrollbar-arrow-color: rgb(144, 152, 159); | |
} | |
html.dark .scroll-alt::-webkit-scrollbar-track { | |
border-color: rgb(228, 232, 234); | |
} | |
html.dark .scroll-alt::-webkit-scrollbar-thumb { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .scroll-alt::-webkit-scrollbar-thumb:hover { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .scroll-conversation { | |
background: rgb(30, 36, 42); | |
} | |
html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-track { | |
border-left-color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-thumb { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .column-scroller::-webkit-scrollbar-thumb:hover { | |
background-color: rgb(144, 152, 159); | |
} | |
html.dark .antiscroll-scrollbar { | |
background: rgba(255, 255, 255, 0.2); | |
} | |
html.dark .is-loading { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .with-drop-shadow:after { | |
box-shadow: inset 0 2px 1px rgba(22, 23, 25, 0.25); | |
border-top: 1px solid rgba(22, 23, 25, 0.25); | |
} | |
html.dark .border-separated li { | |
border-bottom: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .dark-border { | |
border: 1px solid rgb(26, 31, 37); | |
} | |
html.dark .dark-border-top { | |
border-top: 1px solid rgb(22, 23, 25); | |
} | |
html.dark .bs-1 { | |
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); | |
} | |
html.dark .color-twitter-darker-gray { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .color-twitter-white { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .color-twitter-gray { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .color-twitter-blue { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .color-twitter-red { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .color-twitter-deep-red { | |
color: rgb(126, 57, 80); | |
} | |
html.dark .color-twitter-green { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .color-twitter-deep-black { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .color-twitter-dark-black { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .color-twitter-dark-gray { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .color-twitter-black { | |
color: rgb(0, 0, 0); | |
} | |
html.dark .color-twitter-yellow { | |
color: rgb(199, 158, 87); | |
} | |
html.dark .bg-color-twitter-white { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .bg-color-twitter-blue { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .bg-color-twitter-medium-blue { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .bg-color-twitter-deep-black { | |
background-color: rgb(44, 47, 49); | |
} | |
html.dark .bg-color-twitter-lightest-gray { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .hover-bg-color-twitter-white:hover, html.dark .hover-bg-color-twitter-white:focus { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .hover-bg-color-twitter-lightest-gray:hover, html.dark .hover-bg-color-twitter-lightest-gray:focus { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .hover-bg-color-twitter-faint-blue:hover, html.dark .hover-bg-color-twitter-faint-blue:focus { | |
background-color: rgb(239, 244, 248); | |
} | |
html.dark .is-inverted-dark { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .is-inverted-dark a, html.dark .is-inverted-dark a:hover, html.dark .is-inverted-dark a:focus, html.dark .is-inverted-dark a:active { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .is-inverted-dark .link-normal-dark, html.dark .is-inverted-dark .link-normal-dark:hover, html.dark .is-inverted-dark .link-normal-dark:focus, html.dark .is-inverted-dark .link-normal-dark:active { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-inverted-dark .list-link, html.dark .is-inverted-dark .list-twitter-list, html.dark .is-inverted-dark .list-subtitle, html.dark .is-inverted-dark .list-account, html.dark .is-inverted-dark .list-listmember { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .is-inverted-dark .txt-mute { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .txt-mute a:not(:hover):not(:focus) { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .stream-item:not(.conversation-event), html.dark .is-inverted-dark .conversation-event+.stream-item:not(.conversation-event) { | |
border-color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .account-link { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .is-inverted-dark .account-bio { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .with-drop-shadow:after { | |
box-shadow: inset 0 2px 4px rgb(208, 213, 217); | |
border-top: 1px solid rgba(22, 23, 25, 0.25); | |
} | |
html.dark .is-inverted-dark .column-close-link { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .accordion { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-inverted-dark .accordion-header { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-inverted-dark .accordion-divider-t { | |
border-top: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .accordion-header:hover { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-inverted-dark .facet-type-content.is-active { | |
background-color: rgba(217, 158, 171, 0.2); | |
} | |
html.dark .is-inverted-dark .facet-type-user.is-active { | |
background-color: rgba(219, 207, 146, 0.2); | |
} | |
html.dark .is-inverted-dark .facet-type-location.is-active { | |
background-color: rgba(137, 175, 157, 0.2); | |
} | |
html.dark .is-inverted-dark .facet-type-preferences.is-active { | |
background-color: rgba(144, 152, 159, 0.2); | |
} | |
html.dark .is-inverted-dark .facet-type-engagement.is-active { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .facet-type { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .accordion .is-active { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-inverted-dark .accordion .is-active .accordion-header, html.dark .is-inverted-dark .accordion .is-active .accordion-header:hover { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-inverted-dark .tweet-detail-wrapper { | |
background: rgb(246, 248, 249); | |
} | |
html.dark .is-inverted-dark .scroll-conversation { | |
background: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .tweet-detail-actions, html.dark .is-inverted-dark .tweet-stats, html.dark .is-inverted-dark .card-holder { | |
border-top-color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .tweet-detail-action { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .tweet-detail-action:hover, html.dark .is-inverted-dark .tweet-detail-action:focus, html.dark .is-inverted-dark .tweet-detail-action:active, html.dark .is-inverted-dark .tweet-detail-action.is-selected { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .is-inverted-dark .social-proof-for-tweet-title { | |
background-color: rgb(228, 232, 234); | |
color: rgb(109, 118, 126); | |
border-bottom: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .rpl textarea { | |
border: 1px solid rgb(228, 232, 234); | |
background: rgb(255, 255, 255); | |
box-shadow: rgb(144, 152, 159) 0 1px 0 inset; | |
} | |
html.dark .is-inverted-dark .media-badge { | |
border-color: rgb(228, 232, 234); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .media-badge:hover { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .icon-favorite-color { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .icon-follow-color { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .icon-list-color { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .icon-image-color { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .icon-mention-color { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .icon-unread-color { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .icon-remove-color { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .icon-submit-color { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .icon-retweet-color { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .icon-twitter-blue-color { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .ButtonGroup>.Button.is-selected, html.dark .ButtonGroup>button.is-selected, html.dark .ButtonGroup>input.is-selected[type="button"], html.dark .ButtonGroup>.Button.is-selected:visited, html.dark .ButtonGroup>button.is-selected:visited, html.dark .ButtonGroup>input.is-selected[type="button"]:visited { | |
background-color: rgb(82, 148, 189); | |
border: 1px solid rgb(82, 148, 189); | |
} | |
html.dark .ButtonGroup>.Button.is-selected:focus, html.dark .ButtonGroup>button.is-selected:focus, html.dark .ButtonGroup>input.is-selected[type="button"]:focus, html.dark .ButtonGroup>.Button.is-selected.is-focus, html.dark .ButtonGroup>button.is-selected.is-focus, html.dark .ButtonGroup>input.is-selected.is-focus[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214); | |
background: rgb(82, 148, 189); | |
border-color: rgb(82, 148, 189); | |
} | |
html.dark .ButtonGroup>.Button.is-selected:hover, html.dark .ButtonGroup>button.is-selected:hover, html.dark .ButtonGroup>input.is-selected[type="button"]:hover, html.dark .ButtonGroup>.Button.is-selected.is-hover, html.dark .ButtonGroup>button.is-selected.is-hover, html.dark .ButtonGroup>input.is-selected.is-hover[type="button"] { | |
background-color: rgb(82, 148, 189); | |
border-color: rgb(82, 148, 189); | |
} | |
html.dark .ButtonGroup>.Button.is-selected:active, html.dark .ButtonGroup>button.is-selected:active, html.dark .ButtonGroup>input.is-selected[type="button"]:active, html.dark .ButtonGroup>.Button.is-selected.is-active, html.dark .ButtonGroup>button.is-selected.is-active, html.dark .ButtonGroup>input.is-selected.is-active[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189); | |
background-color: rgb(82, 148, 189); | |
border-color: rgb(82, 148, 189); | |
} | |
html.dark .ButtonGroup>.Button.is-selected[disabled], html.dark .ButtonGroup>button.is-selected[disabled], html.dark .ButtonGroup>input.is-selected[disabled][type="button"], html.dark .ButtonGroup>button.is-selected.is-disabled:focus, html.dark .ButtonGroup>input.is-selected[type="button"].is-disabled:focus, html.dark .ButtonGroup>.Button.is-selected.is-disabled, html.dark .ButtonGroup>button.is-selected.is-disabled, html.dark .ButtonGroup>input.is-selected.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup>.Button.is-selected, html.dark fieldset[disabled] .ButtonGroup>button.is-selected, html.dark fieldset[disabled] .ButtonGroup>input.is-selected[type="button"] { | |
background-color: rgb(82, 148, 189); | |
border-color: rgb(82, 148, 189); | |
} | |
html.dark .ButtonGroup--tertiary>.Button.is-selected, html.dark .ButtonGroup--tertiary>button.is-selected, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"], html.dark .ButtonGroup--tertiary>.Button.is-selected:visited, html.dark .ButtonGroup--tertiary>button.is-selected:visited, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:visited { | |
background-color: rgb(109, 118, 126); | |
border: 1px solid rgb(109, 118, 126); | |
} | |
html.dark .ButtonGroup--tertiary>.Button.is-selected:focus, html.dark .ButtonGroup--tertiary>button.is-selected:focus, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:focus, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>input.is-selected.is-focus[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-focus[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(208, 213, 217); | |
background: rgb(109, 118, 126); | |
border-color: rgb(109, 118, 126); | |
} | |
html.dark .ButtonGroup--tertiary>.Button.is-selected:hover, html.dark .ButtonGroup--tertiary>button.is-selected:hover, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:hover, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>input.is-selected.is-hover[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-hover[type="button"] { | |
background-color: rgb(109, 118, 126); | |
border-color: rgb(109, 118, 126); | |
} | |
html.dark .ButtonGroup--tertiary>.Button.is-selected:active, html.dark .ButtonGroup--tertiary>button.is-selected:active, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"]:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"]:active, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-active, html.dark .ButtonGroup--tertiary>button.is-selected.is-active, html.dark .ButtonGroup--tertiary>input.is-selected.is-active[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-active[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(176, 183, 188); | |
background-color: rgb(109, 118, 126); | |
border-color: rgb(109, 118, 126); | |
} | |
html.dark .ButtonGroup--tertiary>.Button.is-selected[disabled], html.dark .ButtonGroup--tertiary>button.is-selected[disabled], html.dark .ButtonGroup--tertiary>input.is-selected[disabled][type="button"], html.dark .ButtonGroup--tertiary>button.is-selected.is-disabled:focus, html.dark .ButtonGroup--tertiary>input.is-selected[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[disabled][type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.Button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>input.is-selected.is-disabled[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-selected.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-selected.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--tertiary>.Button.is-selected, html.dark fieldset[disabled] .ButtonGroup--tertiary>button.is-selected, html.dark fieldset[disabled] .ButtonGroup--tertiary>input.is-selected[type="button"], html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>.Button.is-selected, html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>button.is-selected, html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>input.is-selected[type="button"] { | |
background-color: rgb(109, 118, 126); | |
border-color: rgb(109, 118, 126); | |
} | |
html.dark .Button, html.dark button, html.dark input[type="button"], html.dark .Button:visited, html.dark button:visited, html.dark input[type="button"]:visited, html.dark .Button.is-visited, html.dark button.is-visited, html.dark input.is-visited[type="button"] { | |
border: 1px solid rgb(82, 148, 189); | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Button:focus, html.dark button:focus, html.dark input[type="button"]:focus, html.dark .Button.is-focus, html.dark button.is-focus, html.dark input.is-focus[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214); | |
border-color: rgb(82, 148, 189); | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Button:hover, html.dark button:hover, html.dark input[type="button"]:hover, html.dark .Button.is-hover, html.dark button.is-hover, html.dark input.is-hover[type="button"] { | |
background-color: rgb(239, 244, 248); | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Button:active, html.dark button:active, html.dark input[type="button"]:active, html.dark .Button.is-active, html.dark button.is-active, html.dark input.is-active[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189); | |
background: rgb(239, 244, 248); | |
border-color: rgb(82, 148, 189); | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Button.Button--primary, html.dark button.Button--primary, html.dark button.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.following-text, html.dark input.Button--primary[type="button"], html.dark input[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input[type="button"].following-text, html.dark .Button.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.following-text, html.dark .Button.Button--primary:visited, html.dark button.Button--primary:visited, html.dark button.btn-fav.s-favorited:visited, html.dark .s-following .follow-btn:hover button.following-text:visited, html.dark input.Button--primary[type="button"]:visited, html.dark input[type="button"].btn-fav.s-favorited:visited, html.dark .s-following .follow-btn:hover input[type="button"].following-text:visited, html.dark .Button.btn-fav.s-favorited:visited, html.dark .s-following .follow-btn:hover .Button.following-text:visited, html.dark .ButtonGroup--primary>.Button, html.dark .ButtonGroup--primary>button, html.dark .ButtonGroup--primary>input[type="button"], html.dark .ButtonGroup--primary>.Button:visited, html.dark .ButtonGroup--primary>button:visited, html.dark .ButtonGroup--primary>input[type="button"]:visited, html.dark .ButtonGroup--primary>.ButtonGroup>.Button, html.dark .ButtonGroup--primary>.ButtonGroup>button, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:visited, html.dark .ButtonGroup--primary>.ButtonGroup>button:visited, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:visited { | |
background-color: rgb(82, 148, 189); | |
border: 1px solid rgb(82, 148, 189); | |
} | |
html.dark .Button.Button--primary:focus, html.dark button.Button--primary:focus, html.dark button.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover button.following-text:focus, html.dark input.Button--primary[type="button"]:focus, html.dark input[type="button"].btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover input[type="button"].following-text:focus, html.dark .Button.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover .Button.following-text:focus, html.dark .Button.Button--primary.is-focus, html.dark button.Button--primary.is-focus, html.dark button.is-focus.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-focus.following-text, html.dark input.Button--primary.is-focus[type="button"], html.dark input.is-focus[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-focus[type="button"].following-text, html.dark .Button.is-focus.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-focus.following-text, html.dark .ButtonGroup--primary>.Button:focus, html.dark .ButtonGroup--primary>button:focus, html.dark .ButtonGroup--primary>input[type="button"]:focus, html.dark .ButtonGroup--primary>.Button.is-focus, html.dark .ButtonGroup--primary>button.is-focus, html.dark .ButtonGroup--primary>input.is-focus[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:focus, html.dark .ButtonGroup--primary>.ButtonGroup>button:focus, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:focus, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-focus, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-focus, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-focus[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214); | |
background: rgb(82, 148, 189); | |
border-color: rgb(82, 148, 189); | |
} | |
html.dark .Button.Button--primary:hover, html.dark button.Button--primary:hover, html.dark button.btn-fav.s-favorited:hover, html.dark .s-following .follow-btn:hover button.following-text:hover, html.dark input.Button--primary[type="button"]:hover, html.dark input[type="button"].btn-fav.s-favorited:hover, html.dark .s-following .follow-btn:hover input[type="button"].following-text:hover, html.dark .Button.btn-fav.s-favorited:hover, html.dark .s-following .follow-btn:hover .Button.following-text:hover, html.dark .Button.Button--primary.is-hover, html.dark button.Button--primary.is-hover, html.dark button.is-hover.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-hover.following-text, html.dark input.Button--primary.is-hover[type="button"], html.dark input.is-hover[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-hover[type="button"].following-text, html.dark .Button.is-hover.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-hover.following-text, html.dark .ButtonGroup--primary>.Button:hover, html.dark .ButtonGroup--primary>button:hover, html.dark .ButtonGroup--primary>input[type="button"]:hover, html.dark .ButtonGroup--primary>.Button.is-hover, html.dark .ButtonGroup--primary>button.is-hover, html.dark .ButtonGroup--primary>input.is-hover[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:hover, html.dark .ButtonGroup--primary>.ButtonGroup>button:hover, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:hover, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-hover, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-hover, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-hover[type="button"] { | |
background-color: rgb(52, 100, 157); | |
border-color: rgb(52, 100, 157); | |
} | |
html.dark .Button.Button--primary:active, html.dark button.Button--primary:active, html.dark button.btn-fav.s-favorited:active, html.dark .s-following .follow-btn:hover button.following-text:active, html.dark input.Button--primary[type="button"]:active, html.dark input[type="button"].btn-fav.s-favorited:active, html.dark .s-following .follow-btn:hover input[type="button"].following-text:active, html.dark .Button.btn-fav.s-favorited:active, html.dark .s-following .follow-btn:hover .Button.following-text:active, html.dark .Button.Button--primary.is-active, html.dark button.Button--primary.is-active, html.dark button.is-active.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-active.following-text, html.dark input.Button--primary.is-active[type="button"], html.dark input.is-active[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-active[type="button"].following-text, html.dark .Button.is-active.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-active.following-text, html.dark .ButtonGroup--primary>.Button:active, html.dark .ButtonGroup--primary>button:active, html.dark .ButtonGroup--primary>input[type="button"]:active, html.dark .ButtonGroup--primary>.Button.is-active, html.dark .ButtonGroup--primary>button.is-active, html.dark .ButtonGroup--primary>input.is-active[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button:active, html.dark .ButtonGroup--primary>.ButtonGroup>button:active, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"]:active, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-active, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-active, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-active[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189); | |
background-color: rgb(52, 100, 157); | |
border-color: rgb(52, 100, 157); | |
} | |
html.dark .Button.Button--primary[disabled], html.dark button.Button--primary[disabled], html.dark button[disabled].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button[disabled].following-text, html.dark input.Button--primary[disabled][type="button"], html.dark input[disabled][type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input[disabled][type="button"].following-text, html.dark button.Button--primary.is-disabled:focus, html.dark button.is-disabled.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover button.is-disabled.following-text:focus, html.dark input.Button--primary[type="button"].is-disabled:focus, html.dark input[type="button"].is-disabled.btn-fav.s-favorited:focus, html.dark .s-following .follow-btn:hover input[type="button"].is-disabled.following-text:focus, html.dark .Button[disabled].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button[disabled].following-text, html.dark .Button.Button--primary.is-disabled, html.dark button.Button--primary.is-disabled, html.dark button.is-disabled.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover button.is-disabled.following-text, html.dark input.Button--primary.is-disabled[type="button"], html.dark input.is-disabled[type="button"].btn-fav.s-favorited, html.dark .s-following .follow-btn:hover input.is-disabled[type="button"].following-text, html.dark .Button.is-disabled.btn-fav.s-favorited, html.dark .s-following .follow-btn:hover .Button.is-disabled.following-text, html.dark fieldset[disabled] .Button.Button--primary, html.dark fieldset[disabled] button.Button--primary, html.dark fieldset[disabled] button.btn-fav.s-favorited, html.dark fieldset[disabled] .s-following .follow-btn:hover button.following-text, html.dark .s-following .follow-btn:hover fieldset[disabled] button.following-text, html.dark fieldset[disabled] input.Button--primary[type="button"], html.dark fieldset[disabled] input[type="button"].btn-fav.s-favorited, html.dark fieldset[disabled] .s-following .follow-btn:hover input[type="button"].following-text, html.dark .s-following .follow-btn:hover fieldset[disabled] input[type="button"].following-text, html.dark fieldset[disabled] .Button.btn-fav.s-favorited, html.dark fieldset[disabled] .s-following .follow-btn:hover .Button.following-text, html.dark .s-following .follow-btn:hover fieldset[disabled] .Button.following-text, html.dark .ButtonGroup--primary>.Button[disabled], html.dark .ButtonGroup--primary>button[disabled], html.dark .ButtonGroup--primary>input[disabled][type="button"], html.dark .ButtonGroup--primary>button.is-disabled:focus, html.dark .ButtonGroup--primary>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--primary>.Button.is-disabled, html.dark .ButtonGroup--primary>button.is-disabled, html.dark .ButtonGroup--primary>input.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--primary>.Button, html.dark fieldset[disabled] .ButtonGroup--primary>button, html.dark fieldset[disabled] .ButtonGroup--primary>input[type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>.Button[disabled], html.dark .ButtonGroup--primary>.ButtonGroup>button[disabled], html.dark .ButtonGroup--primary>.ButtonGroup>input[disabled][type="button"], html.dark .ButtonGroup--primary>.ButtonGroup>button.is-disabled:focus, html.dark .ButtonGroup--primary>.ButtonGroup>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--primary>.ButtonGroup>.Button.is-disabled, html.dark .ButtonGroup--primary>.ButtonGroup>button.is-disabled, html.dark .ButtonGroup--primary>.ButtonGroup>input.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>.Button, html.dark fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>button, html.dark fieldset[disabled] .ButtonGroup--primary>.ButtonGroup>input[type="button"] { | |
background-color: rgb(82, 148, 189); | |
border-color: rgb(82, 148, 189); | |
} | |
html.dark .Button.Button--tertiary, html.dark button.Button--tertiary, html.dark input.Button--tertiary[type="button"], html.dark .Button.Button--tertiary:visited, html.dark button.Button--tertiary:visited, html.dark input.Button--tertiary[type="button"]:visited, html.dark .ButtonGroup--tertiary>.Button, html.dark .ButtonGroup--tertiary>button, html.dark .ButtonGroup--tertiary>input[type="button"], html.dark .ButtonGroup--tertiary>.Button:visited, html.dark .ButtonGroup--tertiary>button:visited, html.dark .ButtonGroup--tertiary>input[type="button"]:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button, html.dark .ButtonGroup--tertiary>.ButtonGroup>button, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:visited, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:visited { | |
border: 1px solid rgb(109, 118, 126); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Button.Button--tertiary:focus, html.dark button.Button--tertiary:focus, html.dark input.Button--tertiary[type="button"]:focus, html.dark .Button.Button--tertiary.is-focus, html.dark button.Button--tertiary.is-focus, html.dark input.Button--tertiary.is-focus[type="button"], html.dark .ButtonGroup--tertiary>.Button:focus, html.dark .ButtonGroup--tertiary>button:focus, html.dark .ButtonGroup--tertiary>input[type="button"]:focus, html.dark .ButtonGroup--tertiary>.Button.is-focus, html.dark .ButtonGroup--tertiary>button.is-focus, html.dark .ButtonGroup--tertiary>input.is-focus[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-focus[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(208, 213, 217); | |
border-color: rgb(109, 118, 126); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Button.Button--tertiary:hover, html.dark button.Button--tertiary:hover, html.dark input.Button--tertiary[type="button"]:hover, html.dark .Button.Button--tertiary.is-hover, html.dark button.Button--tertiary.is-hover, html.dark input.Button--tertiary.is-hover[type="button"], html.dark .ButtonGroup--tertiary>.Button:hover, html.dark .ButtonGroup--tertiary>button:hover, html.dark .ButtonGroup--tertiary>input[type="button"]:hover, html.dark .ButtonGroup--tertiary>.Button.is-hover, html.dark .ButtonGroup--tertiary>button.is-hover, html.dark .ButtonGroup--tertiary>input.is-hover[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-hover, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-hover[type="button"] { | |
background-color: rgb(246, 248, 249); | |
border-color: rgb(109, 118, 126); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Button.Button--tertiary:active, html.dark button.Button--tertiary:active, html.dark input.Button--tertiary[type="button"]:active, html.dark .Button.Button--tertiary.is-active, html.dark button.Button--tertiary.is-active, html.dark input.Button--tertiary.is-active[type="button"], html.dark .ButtonGroup--tertiary>.Button:active, html.dark .ButtonGroup--tertiary>button:active, html.dark .ButtonGroup--tertiary>input[type="button"]:active, html.dark .ButtonGroup--tertiary>.Button.is-active, html.dark .ButtonGroup--tertiary>button.is-active, html.dark .ButtonGroup--tertiary>input.is-active[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"]:active, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-active, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-active[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(109, 118, 126); | |
background-color: rgb(246, 248, 249); | |
border-color: rgb(109, 118, 126); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Button.Button--tertiary[disabled], html.dark button.Button--tertiary[disabled], html.dark input.Button--tertiary[disabled][type="button"], html.dark button.Button--tertiary.is-disabled:focus, html.dark input.Button--tertiary[type="button"].is-disabled:focus, html.dark .Button.Button--tertiary.is-disabled, html.dark button.Button--tertiary.is-disabled, html.dark input.Button--tertiary.is-disabled[type="button"], html.dark fieldset[disabled] .Button.Button--tertiary, html.dark fieldset[disabled] button.Button--tertiary, html.dark fieldset[disabled] input.Button--tertiary[type="button"], html.dark .ButtonGroup--tertiary>.Button[disabled], html.dark .ButtonGroup--tertiary>button[disabled], html.dark .ButtonGroup--tertiary>input[disabled][type="button"], html.dark .ButtonGroup--tertiary>button.is-disabled:focus, html.dark .ButtonGroup--tertiary>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.Button.is-disabled, html.dark .ButtonGroup--tertiary>button.is-disabled, html.dark .ButtonGroup--tertiary>input.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--tertiary>.Button, html.dark fieldset[disabled] .ButtonGroup--tertiary>button, html.dark fieldset[disabled] .ButtonGroup--tertiary>input[type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>button[disabled], html.dark .ButtonGroup--tertiary>.ButtonGroup>input[disabled][type="button"], html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>input[type="button"].is-disabled:focus, html.dark .ButtonGroup--tertiary>.ButtonGroup>.Button.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>button.is-disabled, html.dark .ButtonGroup--tertiary>.ButtonGroup>input.is-disabled[type="button"], html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>.Button, html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>button, html.dark fieldset[disabled] .ButtonGroup--tertiary>.ButtonGroup>input[type="button"] { | |
border-color: rgb(109, 118, 126); | |
} | |
html.dark .Button.Button--success, html.dark button.Button--success, html.dark input.Button--success[type="button"], html.dark .Button.Button--success:visited, html.dark button.Button--success:visited, html.dark input.Button--success[type="button"]:visited { | |
background-color: rgb(65, 149, 103); | |
border: 1px solid rgb(65, 149, 103); | |
} | |
html.dark .Button.Button--success:focus, html.dark button.Button--success:focus, html.dark input.Button--success[type="button"]:focus, html.dark .Button.Button--success.is-focus, html.dark button.Button--success.is-focus, html.dark input.Button--success.is-focus[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(134, 194, 154); | |
background: rgb(65, 149, 103); | |
border-color: rgb(65, 149, 103); | |
} | |
html.dark .Button.Button--success:hover, html.dark button.Button--success:hover, html.dark input.Button--success[type="button"]:hover, html.dark .Button.Button--success.is-hover, html.dark button.Button--success.is-hover, html.dark input.Button--success.is-hover[type="button"] { | |
background-color: rgb(34, 103, 75); | |
border-color: rgb(34, 103, 75); | |
} | |
html.dark .Button.Button--success:active, html.dark button.Button--success:active, html.dark input.Button--success[type="button"]:active, html.dark .Button.Button--success.is-active, html.dark button.Button--success.is-active, html.dark input.Button--success.is-active[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(65, 149, 103); | |
background-color: rgb(34, 103, 75); | |
border-color: rgb(34, 103, 75); | |
} | |
html.dark .Button.Button--success[disabled], html.dark button.Button--success[disabled], html.dark input.Button--success[disabled][type="button"], html.dark button.Button--success.is-disabled:focus, html.dark input.Button--success[type="button"].is-disabled:focus, html.dark .Button.Button--success.is-disabled, html.dark button.Button--success.is-disabled, html.dark input.Button--success.is-disabled[type="button"], html.dark fieldset[disabled] .Button.Button--success, html.dark fieldset[disabled] button.Button--success, html.dark fieldset[disabled] input.Button--success[type="button"] { | |
background-color: rgb(65, 149, 103); | |
border-color: rgb(65, 149, 103); | |
} | |
html.dark .Button.Button--warning, html.dark button.Button--warning, html.dark input.Button--warning[type="button"], html.dark .Button.Button--warning:visited, html.dark button.Button--warning:visited, html.dark input.Button--warning[type="button"]:visited { | |
background-color: rgb(199, 158, 87); | |
border: 1px solid rgb(199, 158, 87); | |
} | |
html.dark .Button.Button--warning:focus, html.dark button.Button--warning:focus, html.dark input.Button--warning[type="button"]:focus, html.dark .Button.Button--warning.is-focus, html.dark button.Button--warning.is-focus, html.dark input.Button--warning.is-focus[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(207, 184, 111); | |
background: rgb(199, 158, 87); | |
border-color: rgb(199, 158, 87); | |
} | |
html.dark .Button.Button--warning:hover, html.dark button.Button--warning:hover, html.dark input.Button--warning[type="button"]:hover, html.dark .Button.Button--warning.is-hover, html.dark button.Button--warning.is-hover, html.dark input.Button--warning.is-hover[type="button"] { | |
background-color: rgb(187, 133, 62); | |
border-color: rgb(187, 133, 62); | |
} | |
html.dark .Button.Button--warning:active, html.dark button.Button--warning:active, html.dark input.Button--warning[type="button"]:active, html.dark .Button.Button--warning.is-active, html.dark button.Button--warning.is-active, html.dark input.Button--warning.is-active[type="button"] { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(199, 158, 87); | |
background-color: rgb(187, 133, 62); | |
border-color: rgb(187, 133, 62); | |
} | |
html.dark .Button.Button--warning[disabled], html.dark button.Button--warning[disabled], html.dark input.Button--warning[disabled][type="button"], html.dark button.Button--warning.is-disabled:focus, html.dark input.Button--warning[type="button"].is-disabled:focus, html.dark .Button.Button--warning.is-disabled, html.dark button.Button--warning.is-disabled, html.dark input.Button--warning.is-disabled[type="button"], html.dark fieldset[disabled] .Button.Button--warning, html.dark fieldset[disabled] button.Button--warning, html.dark fieldset[disabled] input.Button--warning[type="button"] { | |
background-color: rgb(199, 158, 87); | |
border-color: rgb(199, 158, 87); | |
} | |
html.dark .Button.Button--danger, html.dark button.Button--danger, html.dark button.btn-fav-unfav-text, html.dark input.Button--danger[type="button"], html.dark input[type="button"].btn-fav-unfav-text, html.dark .Button.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .unfollow-text, html.dark .Button.Button--danger:visited, html.dark button.Button--danger:visited, html.dark button.btn-fav-unfav-text:visited, html.dark input.Button--danger[type="button"]:visited, html.dark input[type="button"].btn-fav-unfav-text:visited, html.dark .Button.btn-fav-unfav-text:visited, html.dark .s-following .follow-btn:hover .unfollow-text:visited { | |
background-color: rgb(177, 83, 112); | |
border: 1px solid rgb(177, 83, 112); | |
} | |
html.dark .Button.Button--danger:focus, html.dark button.Button--danger:focus, html.dark button.btn-fav-unfav-text:focus, html.dark input.Button--danger[type="button"]:focus, html.dark input[type="button"].btn-fav-unfav-text:focus, html.dark .Button.btn-fav-unfav-text:focus, html.dark .s-following .follow-btn:hover .unfollow-text:focus, html.dark .Button.Button--danger.is-focus, html.dark button.Button--danger.is-focus, html.dark button.is-focus.btn-fav-unfav-text, html.dark input.Button--danger.is-focus[type="button"], html.dark input.is-focus[type="button"].btn-fav-unfav-text, html.dark .Button.is-focus.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-focus.unfollow-text { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(217, 158, 171); | |
background: rgb(177, 83, 112); | |
border-color: rgb(177, 83, 112); | |
} | |
html.dark .Button.Button--danger:hover, html.dark button.Button--danger:hover, html.dark button.btn-fav-unfav-text:hover, html.dark input.Button--danger[type="button"]:hover, html.dark input[type="button"].btn-fav-unfav-text:hover, html.dark .Button.btn-fav-unfav-text:hover, html.dark .s-following .follow-btn:hover .unfollow-text:hover, html.dark .Button.Button--danger.is-hover, html.dark button.Button--danger.is-hover, html.dark button.is-hover.btn-fav-unfav-text, html.dark input.Button--danger.is-hover[type="button"], html.dark input.is-hover[type="button"].btn-fav-unfav-text, html.dark .Button.is-hover.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-hover.unfollow-text { | |
background-color: rgb(126, 57, 80); | |
border-color: rgb(126, 57, 80); | |
} | |
html.dark .Button.Button--danger:active, html.dark button.Button--danger:active, html.dark button.btn-fav-unfav-text:active, html.dark input.Button--danger[type="button"]:active, html.dark input[type="button"].btn-fav-unfav-text:active, html.dark .Button.btn-fav-unfav-text:active, html.dark .s-following .follow-btn:hover .unfollow-text:active, html.dark .Button.Button--danger.is-active, html.dark button.Button--danger.is-active, html.dark button.is-active.btn-fav-unfav-text, html.dark input.Button--danger.is-active[type="button"], html.dark input.is-active[type="button"].btn-fav-unfav-text, html.dark .Button.is-active.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-active.unfollow-text { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(177, 83, 112); | |
background-color: rgb(126, 57, 80); | |
border-color: rgb(126, 57, 80); | |
} | |
html.dark .Button.Button--danger[disabled], html.dark button.Button--danger[disabled], html.dark button[disabled].btn-fav-unfav-text, html.dark input.Button--danger[disabled][type="button"], html.dark input[disabled][type="button"].btn-fav-unfav-text, html.dark button.Button--danger.is-disabled:focus, html.dark button.is-disabled.btn-fav-unfav-text:focus, html.dark input.Button--danger[type="button"].is-disabled:focus, html.dark input[type="button"].is-disabled.btn-fav-unfav-text:focus, html.dark .Button[disabled].btn-fav-unfav-text, html.dark .s-following .follow-btn:hover [disabled].unfollow-text, html.dark .Button.Button--danger.is-disabled, html.dark button.Button--danger.is-disabled, html.dark button.is-disabled.btn-fav-unfav-text, html.dark input.Button--danger.is-disabled[type="button"], html.dark input.is-disabled[type="button"].btn-fav-unfav-text, html.dark .Button.is-disabled.btn-fav-unfav-text, html.dark .s-following .follow-btn:hover .is-disabled.unfollow-text, html.dark fieldset[disabled] .Button.Button--danger, html.dark fieldset[disabled] button.Button--danger, html.dark fieldset[disabled] button.btn-fav-unfav-text, html.dark fieldset[disabled] input.Button--danger[type="button"], html.dark fieldset[disabled] input[type="button"].btn-fav-unfav-text, html.dark fieldset[disabled] .Button.btn-fav-unfav-text, html.dark fieldset[disabled] .s-following .follow-btn:hover .unfollow-text, html.dark .s-following .follow-btn:hover fieldset[disabled] .unfollow-text { | |
background-color: rgb(177, 83, 112); | |
border-color: rgb(177, 83, 112); | |
} | |
html.dark .Button.Button--link, html.dark button.Button--link, html.dark input.Button--link[type="button"] { | |
color: rgb(76, 137, 175); | |
} | |
html.dark .Button.Button--dangerLink, html.dark button.Button--dangerLink, html.dark input.Button--dangerLink[type="button"] { | |
color: rgb(177, 83, 112); | |
} | |
html.dark button.btn-options-tray, html.dark input[type="button"].btn-options-tray { | |
color: rgb(228, 232, 234) !important; | |
} | |
html.dark button.btn-options-tray:hover, html.dark button.btn-options-tray:focus, html.dark input[type="button"].btn-options-tray:hover, html.dark input[type="button"].btn-options-tray:focus { | |
color: rgb(82, 148, 189) !important; | |
} | |
html.dark button.btn-bg-positive, html.dark input[type="button"].btn-bg-positive { | |
background-color: rgb(71, 83, 92); | |
} | |
html.dark button.btn-bg-positive:hover, html.dark button.btn-bg-positive:focus, html.dark input[type="button"].btn-bg-positive:hover, html.dark input[type="button"].btn-bg-positive:focus { | |
background-color: rgb(71, 83, 92); | |
} | |
html.dark button.btn-bg-positive[disabled], html.dark button.btn-bg-positive[disabled]:hover, html.dark button.btn-bg-positive[disabled]:active, html.dark button.btn-bg-positive.is-disabled, html.dark button.btn-bg-positive.is-disabled:hover, html.dark button.btn-bg-positive.is-disabled:focus, html.dark button.btn-bg-positive.is-disabled:active, html.dark input[type="button"].btn-bg-positive[disabled], html.dark input[type="button"].btn-bg-positive[disabled]:hover, html.dark input[type="button"].btn-bg-positive[disabled]:active, html.dark input[type="button"].btn-bg-positive.is-disabled, html.dark input[type="button"].btn-bg-positive.is-disabled:hover, html.dark input[type="button"].btn-bg-positive.is-disabled:focus, html.dark input[type="button"].btn-bg-positive.is-disabled:active { | |
background-color: rgb(71, 83, 92); | |
} | |
html.dark button.btn-on-dark:hover, html.dark button.btn-on-dark:focus, html.dark button.btn-on-dark:active, html.dark button.btn-on-dark.is-selected, html.dark input[type="button"].btn-on-dark:hover, html.dark input[type="button"].btn-on-dark:focus, html.dark input[type="button"].btn-on-dark:active, html.dark input[type="button"].btn-on-dark.is-selected { | |
background-color: rgb(44, 47, 49); | |
} | |
html.dark button.btn-on-dark:focus, html.dark input[type="button"].btn-on-dark:focus { | |
box-shadow: 0 0 0 2px rgb(44, 47, 49),0 0 0 4px rgb(82, 148, 189); | |
} | |
html.dark .btn-on-blue { | |
color: rgb(255, 255, 255); | |
background-color: rgb(115, 124, 132); | |
} | |
html.dark .btn-on-blue:hover { | |
color: rgb(255, 255, 255); | |
background-color: rgb(144, 152, 159); | |
} | |
html.dark .btn-on-blue:focus { | |
color: rgb(255, 255, 255); | |
background-color: rgb(144, 152, 159); | |
box-shadow: 0 0 2px 3px rgb(82, 148, 189); | |
} | |
html.dark .btn-on-blue:active, html.dark .btn-on-blue.is-selected { | |
color: rgb(255, 255, 255); | |
background-color: rgb(144, 152, 159); | |
} | |
html.dark .btn-on-blue[disabled], html.dark .btn-on-blue[disabled]:hover, html.dark .btn-on-blue[disabled]:active, html.dark .btn-on-blue.is-disabled, html.dark .btn-on-blue.is-disabled:hover, html.dark .btn-on-blue.is-disabled:focus, html.dark .btn-on-blue.is-disabled:active { | |
color: rgb(255, 255, 255); | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .follow-btn .icon, html.dark .follow-btn .Icon { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .input-group-button { | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .account-profile-header { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .account-settings-bt { | |
border-top: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .account-settings-bb { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .account-stats a { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .account-stats a:hover { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .column { | |
background-color: rgb(34, 40, 47); | |
} | |
html.dark .column.is-focused { | |
box-shadow: 0 0 0 6px rgb(144, 152, 159); | |
} | |
html.dark .add-by-url .input-group-button { | |
border: 1px solid rgb(0, 0, 0); | |
} | |
html.dark .add-by-url input { | |
background-color: rgb(26, 31, 37); | |
color: rgb(228, 232, 234); | |
} | |
html.dark .add-by-url input::-webkit-input-placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .add-by-url input::-moz-placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .add-by-url input:-ms-input-placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .add-by-url input::placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .add-by-url button { | |
background-color: rgb(26, 31, 37); | |
} | |
html.dark .is-inverted-dark .add-by-url .input-group-button { | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .add-by-url input { | |
background-color: rgb(255, 255, 255); | |
color: rgb(0, 0, 0); | |
} | |
html.dark .is-inverted-dark .add-by-url input::-webkit-input-placeholder { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .add-by-url input::-moz-placeholder { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .add-by-url input:-ms-input-placeholder { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .add-by-url input::placeholder { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .add-by-url button { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .column-background-fill { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .more-tweets-glow { | |
background-color: rgb(82, 148, 189); | |
background: radial-gradient(ellipse farthest-corner at 50% 100%, rgb(82, 148, 189) 0%, rgb(82, 148, 189) 25%, rgba(255, 255, 255, 0) 75%); | |
} | |
html.dark .more-tweets-btn { | |
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); | |
} | |
html.dark .more-tweets-btn:active, html.dark .more-tweets-btn:focus { | |
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); | |
} | |
html.dark .more-tweets-btn-container--mouse-release .more-tweets-btn, html.dark .more-tweets-btn-container--loading .more-tweets-btn { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .drag-drop-indicator { | |
background-color: rgb(82, 148, 189); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .location-form .icon-close, html.dark .location-form .Icon--close { | |
background-color: rgba(255, 255, 255, 0.35); | |
} | |
html.dark .search-filter-callout-triangle { | |
border-color: transparent transparent rgb(82, 148, 189) transparent; | |
} | |
html.dark .live-video-timelines { | |
background-color: rgb(44, 47, 49); | |
border-bottom: 1px solid rgb(44, 47, 49); | |
} | |
html.dark .live-video-timelines button { | |
color: rgb(82, 148, 189); | |
background-color: rgb(44, 47, 49); | |
} | |
html.dark .live-video-timelines button:active, html.dark .live-video-timelines button:focus, html.dark .live-video-timelines button:hover { | |
background-color: rgb(44, 47, 49); | |
color: rgb(82, 148, 189); | |
} | |
html.dark .column-type-scheduled { | |
background-color: rgb(34, 40, 47); | |
} | |
html.dark .column-header, html.dark .column-header-temp { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .is-inverted-dark .column-header { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .column-title-edit-box { | |
color: rgb(22, 23, 25); | |
background-color: rgb(255, 255, 255); | |
border-color: rgb(228, 232, 234); | |
} | |
html.dark .column-header { | |
border-bottom: 1px solid rgb(22, 23, 25); | |
} | |
html.dark .column-header-temp { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .column-title-edit-box { | |
color: rgb(228, 232, 234); | |
background-color: rgb(26, 31, 37); | |
border-color: rgb(22, 23, 25); | |
} | |
html.dark .column-number { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .column-header .column-type-icon { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .is-new .column-type-icon { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .column-header-link { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .column-header-link:hover, html.dark .column-header-link:focus, html.dark .column-header-link:active { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .is-options-open .column-settings-link { | |
background-color: rgb(45, 53, 62); | |
color: rgb(82, 148, 189); | |
border-color: rgb(22, 23, 25); | |
} | |
html.dark .is-options-open .column-settings-link:hover { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .column-message { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .filter-error { | |
color: rgb(255, 255, 255); | |
background-color: rgb(126, 57, 80); | |
} | |
html.dark .facet-content { | |
color: rgb(217, 158, 171); | |
} | |
html.dark .facet-user { | |
color: rgb(219, 207, 146); | |
} | |
html.dark .facet-action { | |
color: rgb(177, 215, 229); | |
} | |
html.dark .facet-engagement { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .edit-conversation-name { | |
border-bottom: 1px solid rgb(22, 23, 25); | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .edit-conversation-name input { | |
color: rgb(228, 232, 234); | |
background-color: rgb(26, 31, 37); | |
border-color: rgb(22, 23, 25); | |
} | |
html.dark .column-options { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .with-column-divider-bottom { | |
border-bottom: 1px solid rgb(22, 23, 25); | |
} | |
html.dark .column-options .button-tray { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .btn-options-unique { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .column-options { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .is-inverted-dark .with-column-divider-bottom { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .column-nav-updates { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .contributor-manager .link-complex { | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .contributor-settings-role { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .contributor-row[data-state='settings'] { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .contributor-row[data-state='confirmAdd'] { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .contributor-row[data-state='confirmAdd-added'] { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .contributor-row[data-state='confirmDeadmin'] { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .contributor-row[data-state='confirmRemove'], html.dark .contributor-row[data-state='confirmRemove-removing'] { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .contributor-row[data-state='confirmRemove-removing'] { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .stream-item { | |
border-bottom: 1px solid rgb(22, 23, 25); | |
background-color: rgb(34, 40, 47); | |
} | |
html.dark .is-streamed { | |
background-color: rgb(78, 40, 115); | |
} | |
html.dark .gap-chirp { | |
background-color: rgb(26, 31, 37); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .gap-chirp:hover .gap-chirp-text--with-size, html.dark .gap-chirp:active .gap-chirp-text--with-size { | |
background: rgb(37, 44, 52); | |
} | |
html.dark .gap-chirp-text--with-size { | |
border-color: rgb(81, 88, 94); | |
} | |
html.dark .is-inverted-dark .thread { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .thread { | |
background-color: rgb(71, 83, 92); | |
} | |
html.dark .list-item { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .list-item:hover, html.dark .list-item:active, html.dark .list-item.is-selected { | |
background-color: rgb(82, 148, 189); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .list-item:hover:not(.is-selected) { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .list-item:hover .txt-mute, html.dark .list-item:active .txt-mute, html.dark .list-item.is-selected .txt-mute { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .list-item:hover .list-icon, html.dark .list-item:active .list-icon, html.dark .list-item.is-selected .list-icon { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .list-item:hover:not(.is-selected) .list-icon { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .list-icon { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .list-divider { | |
border-top: 1px solid rgba(22, 23, 25, 0.25); | |
} | |
html.dark .list-item-button { | |
color: rgb(176, 183, 188); | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .list-placeholder { | |
color: rgb(176, 183, 188); | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); | |
} | |
html.dark .is-inverted .list-placeholder { | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); | |
} | |
html.dark .is-touch-search .list-item:hover, html.dark .is-touch-search .list-item:active, html.dark .is-touch-search .list-item.is-selected { | |
background-color: rgb(82, 148, 189); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .is-touch-search .list-item:hover .list-icon, html.dark .is-touch-search .list-item:active .list-icon, html.dark .is-touch-search .list-item.is-selected .list-icon { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .avatar-border--2 { | |
border: 2px solid rgb(255, 255, 255); | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .account-link { | |
color: rgb(246, 248, 249); | |
} | |
.on-blue html.dark .account-link { | |
color: rgb(255, 255, 255); | |
} | |
.compose .quoted-tweet html.dark .account-link { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .media-badge { | |
border: 1px solid rgb(26, 31, 37); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .media-badge:hover { | |
background-color: rgb(22, 23, 25); | |
} | |
html.dark .media-size-large-height::after, html.dark .media-item.media-size-large::after { | |
background-image: linear-gradient(rgba(22, 23, 25, 0.25), rgba(22, 23, 25, 0)); | |
} | |
html.dark .media-sensitive { | |
background: rgb(44, 47, 49); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .media-sensitive-title { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .media-caret { | |
border-color: rgb(44, 47, 49) transparent transparent transparent; | |
} | |
html.dark .video-overlay { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .is-inverted-dark .media-sensitive { | |
background: rgb(228, 232, 234); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .media-sensitive-title { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .is-inverted-dark .triangle { | |
border-color: rgb(255, 255, 255) transparent transparent transparent; | |
} | |
html.dark .is-inverted-dark .media-badge { | |
border: 1px solid rgb(228, 232, 234); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .media-badge:hover { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .tweet-action, html.dark .tweet-detail-action, html.dark .dm-action { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .tweet-action:hover .icon-reply, html.dark .tweet-detail-action:hover .icon-reply, html.dark .dm-action:hover .icon-reply, html.dark .tweet-action:focus .icon-reply, html.dark .tweet-detail-action:focus .icon-reply, html.dark .dm-action:focus .icon-reply, html.dark .tweet-action:active .icon-reply, html.dark .tweet-detail-action:active .icon-reply, html.dark .dm-action:active .icon-reply, html.dark .tweet-action.is-selected .icon-reply, html.dark .is-selected.tweet-detail-action .icon-reply, html.dark .is-selected.dm-action .icon-reply { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .tweet-action:hover .icon-retweet, html.dark .tweet-detail-action:hover .icon-retweet, html.dark .dm-action:hover .icon-retweet, html.dark .tweet-action:focus .icon-retweet, html.dark .tweet-detail-action:focus .icon-retweet, html.dark .dm-action:focus .icon-retweet, html.dark .tweet-action:active .icon-retweet, html.dark .tweet-detail-action:active .icon-retweet, html.dark .dm-action:active .icon-retweet, html.dark .tweet-action.is-selected .icon-retweet, html.dark .is-selected.tweet-detail-action .icon-retweet, html.dark .is-selected.dm-action .icon-retweet { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .tweet-action:hover .icon-favorite, html.dark .tweet-detail-action:hover .icon-favorite, html.dark .dm-action:hover .icon-favorite, html.dark .tweet-action:focus .icon-favorite, html.dark .tweet-detail-action:focus .icon-favorite, html.dark .dm-action:focus .icon-favorite, html.dark .tweet-action:active .icon-favorite, html.dark .tweet-detail-action:active .icon-favorite, html.dark .dm-action:active .icon-favorite, html.dark .tweet-action.is-selected .icon-favorite, html.dark .is-selected.tweet-detail-action .icon-favorite, html.dark .is-selected.dm-action .icon-favorite { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action { | |
color: rgb(115, 124, 132); | |
} | |
html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:hover, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:hover, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:hover, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:focus, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:focus, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:focus, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:active, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:active, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:active, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action.is-selected, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.tweet-detail-action, html.dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.dm-action { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .tweet-action, html.dark .is-inverted-dark .tweet-detail-action, html.dark .is-inverted-dark .dm-action, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .tweet-action:hover, html.dark .is-inverted-dark .tweet-detail-action:hover, html.dark .is-inverted-dark .dm-action:hover, html.dark .is-inverted-dark .tweet-action:focus, html.dark .is-inverted-dark .tweet-detail-action:focus, html.dark .is-inverted-dark .dm-action:focus, html.dark .is-inverted-dark .tweet-action:active, html.dark .is-inverted-dark .tweet-detail-action:active, html.dark .is-inverted-dark .dm-action:active, html.dark .is-inverted-dark .tweet-action.is-selected, html.dark .is-inverted-dark .is-selected.tweet-detail-action, html.dark .is-inverted-dark .is-selected.dm-action, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:hover, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:hover, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:hover, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:focus, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:focus, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:focus, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action:active, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-detail-action:active, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .dm-action:active, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .tweet-action.is-selected, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.tweet-detail-action, html.dark .is-inverted-dark .chirp-container .stream-item:not(:hover):not(.is-selected-tweet) .is-selected.dm-action { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-retweet .icon-retweet-toggle { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .is-favorite .icon-favorite-toggle { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .is-minimalist .tweet-img { | |
background: rgb(44, 47, 49); | |
} | |
html.dark .is-selected-tweet { | |
background: rgb(45, 53, 62); | |
} | |
html.dark .in-tweet-divider:before { | |
background: rgb(22, 23, 25); | |
} | |
html.dark .tweet-translation-original-text { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .quoted-tweet { | |
border: 1px solid rgb(228, 232, 234); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .quoted-tweet { | |
border-color: rgb(22, 23, 25); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .quoted-tweet { | |
border-color: rgb(228, 232, 234); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .scheduled-tweet { | |
border: 1px solid rgb(44, 47, 49); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .stream-item .icon-edit, html.dark .stream-item .icon-trash { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .stream-item .icon-edit:hover, html.dark .stream-item .icon-trash:hover { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .tweet-detail-wrapper { | |
background: rgb(34, 40, 47); | |
} | |
html.dark .tweet-stats { | |
border-top: 1px solid rgb(22, 23, 25); | |
} | |
html.dark .tweet-stat { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .stat-word { | |
color: rgb(109, 118, 126); | |
} | |
.is-actionable:hover html.dark .stat-word { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .tweet-detail-actions { | |
border-top: 1px solid rgb(22, 23, 25); | |
} | |
html.dark .conversation-more { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .column-detail .is-selected-tweet { | |
background: rgb(45, 53, 62); | |
} | |
html.dark .social-proof-for-tweet-title { | |
background-color: rgb(45, 53, 62); | |
color: rgb(144, 152, 159); | |
border-bottom: 1px solid rgb(44, 47, 49); | |
} | |
html.dark .is-inverted-dark .tweet-detail-reply .is-selected { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .is-unread { | |
background: rgb(45, 53, 62); | |
} | |
html.dark .is-unread .txt-mute, html.dark .is-unread .conversation-indicator { | |
color: rgb(246, 248, 249); | |
} | |
html.dark .is-unread.is-selected-tweet { | |
background: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .is-unread { | |
background: rgb(239, 244, 248); | |
} | |
html.dark .is-inverted-dark .is-unread .txt-mute, html.dark .is-inverted-dark .is-unread .conversation-indicator { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .conversation-indicator { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .conversation-event { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .conversation-event+.stream-item:not(.conversation-event), html.dark .conversation-event:first-child { | |
border-top: 1px solid rgb(22, 23, 25); | |
} | |
html.dark .add-participant { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .rpl { | |
border-bottom: rgb(22, 23, 25); | |
} | |
html.dark .rpl textarea { | |
border: 1px solid rgb(44, 47, 49); | |
background: rgb(255, 255, 255); | |
box-shadow: none 0px 1px 1px rgba(22, 23, 25, 0.5); | |
} | |
html.dark .rpl input.over-char-count { | |
color: rgb(217, 158, 171); | |
} | |
html.dark .spinner-button-with-progress { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .app-header { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .app-title { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .app-content { | |
background-color: rgb(26, 31, 37); | |
} | |
html.dark .app-columns-container { | |
background-color: rgb(26, 31, 37); | |
} | |
html.dark .app-navigator { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .app-nav-link { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .app-nav-link-text { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .app-nav-link:focus, html.dark .app-nav-link:active { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .app-nav-link.is-selected, html.dark .app-nav-link:hover { | |
color: rgb(177, 215, 229); | |
} | |
html.dark .app-nav-tab { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .app-nav-tab:hover { | |
color: rgb(177, 215, 229); | |
} | |
html.dark .app-nav-tab-text { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .app-nav-tab.is-selected:hover { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .app-nav-tab.is-selected .app-nav-tab-text { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .attach-compose-buttons .tweet-button { | |
background-color: rgb(71, 83, 92) !important; | |
} | |
html.dark .with-nav-border-t:before { | |
border-top: 1px solid rgb(144, 152, 159); | |
} | |
html.dark .app-search-input, html.dark .app-search-fake { | |
background-color: rgb(26, 31, 37); | |
color: rgb(228, 232, 234); | |
} | |
html.dark .app-search-input { | |
border: 1px solid rgb(0, 0, 0); | |
} | |
html.dark .app-search-input::-webkit-input-placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .app-search-input::-moz-placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .app-search-input:-ms-input-placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .app-search-input::placeholder { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .app-search-fake { | |
color: rgb(82, 148, 189); | |
border: 1px solid rgb(82, 148, 189); | |
} | |
html.dark .app-search-button { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .app-search-button:hover { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .message-banner .dismiss { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .typeahead { | |
background-color: rgb(255, 255, 255); | |
color: rgb(44, 47, 49); | |
} | |
html.dark .typeahead .fullname { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .typeahead .username { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .accordion, html.dark .accordion-popover { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .accordion-divider-t { | |
border-top: 1px solid rgb(34, 40, 47); | |
} | |
html.dark .accordion-header { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .accordion-header:hover { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .facet-type { | |
border-bottom: 1px solid rgb(34, 40, 47); | |
} | |
html.dark .facet-type-thumb-size { | |
border-top: 1px solid rgb(34, 40, 47); | |
} | |
html.dark .facet-type.is-active { | |
background-color: rgb(34, 40, 47); | |
} | |
html.dark .facet-subtitle { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .accordion .is-active { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .accordion .is-active .accordion-header, html.dark .accordion .is-active .accordion-header:hover { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .account-settings-row.is-highlighted { | |
background-color: rgb(246, 248, 249); | |
border-top: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .account-settings-row.is-highlighted:last-child { | |
border-bottom: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .join-team { | |
border-top: 1px solid rgb(228, 232, 234); | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .account-row-separator-b:after { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .separator-a:before { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .tooltip-inner { | |
background-color: rgb(22, 23, 25); | |
color: rgb(228, 232, 234); | |
} | |
html.dark .tooltip-arrow { | |
border: 5px dashed rgb(22, 23, 25); | |
} | |
html.dark .bottom { | |
border-bottom-color: rgb(22, 23, 25); | |
} | |
html.dark .top { | |
border-top-color: rgb(22, 23, 25); | |
} | |
html.dark .left { | |
border-left-color: rgb(22, 23, 25); | |
} | |
html.dark .right { | |
border-right-color: rgb(22, 23, 25); | |
} | |
html.dark .stroke-twitter-light-gray { | |
stroke: rgb(208, 213, 217); | |
} | |
html.dark .stroke-twitter-blue { | |
stroke: rgb(82, 148, 189); | |
} | |
html.dark .stroke-twitter-yellow { | |
stroke: rgb(199, 158, 87); | |
} | |
html.dark .stroke-twitter-red { | |
stroke: rgb(177, 83, 112); | |
} | |
html.dark .numbered-badge { | |
background-color: rgb(82, 148, 189); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .numbered-badge-onheader { | |
border: 2px solid rgb(45, 53, 62); | |
} | |
html.dark .numbered-badge-onnav { | |
border: 2px solid rgb(45, 53, 62); | |
} | |
html.dark .is-open .drawer:after { | |
box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2); | |
} | |
html.dark .drawer-header { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .dataminr { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .txt-dataminr { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .dataminr-title { | |
background-color: rgb(208, 213, 217); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .dataminr-search-terms-detail { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .dataminr-separator { | |
border-bottom: 4px solid rgb(228, 232, 234); | |
} | |
html.dark .is-dataminr-tweet { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .dataminr-header, html.dark .dataminr-meta-link { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .dataminr-category-pill { | |
color: rgb(255, 255, 255); | |
background-color: rgb(107, 131, 151); | |
} | |
html.dark .dataminr-category-mn { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .dataminr-category-mbg { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .dataminr-category-ln { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .dataminr-category-bg { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .dataminr-category-rpr { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .dataminr-category-er { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .dataminr-category-gov { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .dataminr-category-ngo { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .dataminr-category-spo { | |
background-color: rgb(137, 118, 155); | |
} | |
html.dark .dataminr-category-ent { | |
background-color: rgb(137, 118, 155); | |
} | |
html.dark .dataminr-category-uni { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .dataminr-category-bsn { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .dataminr-category-alt { | |
background-color: rgb(146, 107, 83); | |
} | |
html.dark .dataminr-category-ctr { | |
background-color: rgb(166, 121, 89); | |
} | |
html.dark .dataminr-label { | |
color: rgb(172, 125, 63); | |
} | |
html.dark .dataminr-label-momentum { | |
color: rgb(125, 166, 192); | |
} | |
html.dark .dataminr-map-img { | |
border: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .dataminr-bio-count { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .dataminr-user-profile { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .dataminr { | |
background-color: rgb(34, 40, 47); | |
} | |
html.dark .txt-dataminr { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .dataminr-title { | |
background-color: rgb(109, 118, 126); | |
color: rgb(228, 232, 234); | |
} | |
html.dark .dataminr-search-terms-detail { | |
color: rgb(228, 232, 234); | |
} | |
html.dark .is-dataminr-tweet { | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .dataminr-separator { | |
border-bottom: 2px solid rgb(26, 31, 37); | |
} | |
html.dark .dataminr-header, html.dark .dataminr-meta-link { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .dataminr-map-img { | |
border: 1px solid rgb(44, 47, 49); | |
} | |
html.dark .dataminr-label { | |
color: rgb(199, 158, 87); | |
} | |
html.dark .dataminr-label-momentum { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .dataminr-bio-count { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .dataminr-user-profile { | |
background-color: rgb(22, 23, 25); | |
} | |
html.dark .dataminr-external-link { | |
background-color: rgb(30, 36, 42); | |
} | |
html.dark .is-inverted-dark .dataminr { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .is-inverted-dark .txt-dataminr { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .dataminr-title { | |
background-color: rgb(208, 213, 217); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .dataminr-search-terms-detail { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .dataminr-separator { | |
border-bottom: 4px solid rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .is-dataminr-tweet { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .is-inverted-dark .dataminr-header, html.dark .is-inverted-dark .dataminr-meta-link { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .dataminr-category-pill { | |
color: rgb(255, 255, 255); | |
background-color: rgb(107, 131, 151); | |
} | |
html.dark .is-inverted-dark .dataminr-category-mn { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .is-inverted-dark .dataminr-category-mbg { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .is-inverted-dark .dataminr-category-ln { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .is-inverted-dark .dataminr-category-bg { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .is-inverted-dark .dataminr-category-rpr { | |
background-color: rgb(71, 128, 151); | |
} | |
html.dark .is-inverted-dark .dataminr-category-er { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .is-inverted-dark .dataminr-category-gov { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .is-inverted-dark .dataminr-category-ngo { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .is-inverted-dark .dataminr-category-spo { | |
background-color: rgb(137, 118, 155); | |
} | |
html.dark .is-inverted-dark .dataminr-category-ent { | |
background-color: rgb(137, 118, 155); | |
} | |
html.dark .is-inverted-dark .dataminr-category-uni { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .is-inverted-dark .dataminr-category-bsn { | |
background-color: rgb(165, 95, 86); | |
} | |
html.dark .is-inverted-dark .dataminr-category-alt { | |
background-color: rgb(146, 107, 83); | |
} | |
html.dark .is-inverted-dark .dataminr-category-ctr { | |
background-color: rgb(166, 121, 89); | |
} | |
html.dark .is-inverted-dark .dataminr-label { | |
color: rgb(172, 125, 63); | |
} | |
html.dark .is-inverted-dark .dataminr-label-momentum { | |
color: rgb(125, 166, 192); | |
} | |
html.dark .is-inverted-dark .dataminr-map-img { | |
border: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .is-inverted-dark .dataminr-bio-count { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .is-inverted-dark .dataminr-user-profile { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .info-caret { | |
border-color: transparent rgb(82, 148, 189) transparent transparent; | |
} | |
html.dark .info-popover-close { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .info-popover-close:hover, html.dark .info-popover-close:active { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .info-popover-list-item:before { | |
color: rgb(147, 191, 214); | |
} | |
html.dark .info-popover-content { | |
border: 1px solid rgb(255, 255, 255); | |
} | |
html.dark .poll-bar { | |
background-color: rgb(144, 152, 159); | |
} | |
html.dark .poll-bar--winner { | |
background-color: rgb(52, 100, 157); | |
} | |
html.dark .other-replies { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .other-replies-link, html.dark .other-replies-link:hover { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .compose .other-replies, html.dark .inline-reply .other-replies { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .compose .other-replies-link, html.dark .compose .other-replies-link:hover, html.dark .inline-reply .other-replies-link, html.dark .inline-reply .other-replies-link:hover { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .ovl, html.dark .overlay { | |
background: rgba(44, 47, 49, 0.9); | |
} | |
html.dark .overlay-opaque { | |
background-color: rgb(52, 100, 157); | |
background-image: radial-gradient(center center, ellipse cover, rgb(52, 100, 157), rgb(45, 53, 62)); | |
} | |
html.dark .seamful .modal-content { | |
background: rgb(255, 255, 255); | |
} | |
html.dark .modal-content-with-border { | |
border: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .mdl { | |
background-color: rgb(255, 255, 255); | |
box-shadow: 0 0 10px rgba(22, 23, 25, 0.5); | |
} | |
html.dark .mdl-header { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .mdl-header-divider { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .mdl-content { | |
border: 1px solid rgb(208, 213, 217); | |
background: rgb(228, 232, 234); | |
} | |
html.dark .mdl-placeholder { | |
color: rgb(176, 183, 188); | |
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); | |
} | |
html.dark .mdl-dismiss { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .mdl-dismiss:hover { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .mdl-btn-media, html.dark .is-inverted-light .mdl-btn-media { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .mdl-btn-media:hover, html.dark .mdl-btn-media:active, html.dark .mdl-btn-media:focus, html.dark .is-inverted-light .mdl-btn-media:hover, html.dark .is-inverted-light .mdl-btn-media:active { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .mdl-media-prev, html.dark .mdl-media-next { | |
background: rgba(22, 23, 25, 0.3); | |
} | |
html.dark .mdl-column-med { | |
background: rgb(246, 248, 249); | |
} | |
html.dark .mdl-column-rhs { | |
border-left: 1px solid rgb(208, 213, 217); | |
background: rgb(255, 255, 255); | |
} | |
html.dark .s-minimal .mdl-header { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .lst-launcher .top-row { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .lst-launcher .is-disabled a, html.dark .lst-launcher .is-disabled a:hover, html.dark .lst-launcher .is-disabled a:focus, html.dark .lst-launcher .is-disabled a:active { | |
background: rgb(255, 255, 255); | |
} | |
html.dark .lst-launcher a:hover, html.dark .lst-launcher a:focus, html.dark .lst-launcher a:active { | |
background: rgb(239, 244, 248); | |
border: 1px solid rgb(177, 215, 229); | |
} | |
html.dark .lst-profile a, html.dark .lst-profile a:hover, html.dark .lst-profile a:focus, html.dark .lst-profile a:active { | |
border: 1px solid rgb(208, 213, 217); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .mdl-col-settings { | |
background-color: rgb(255, 255, 255); | |
border-left: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .lst-profile.l-grouped { | |
border-top: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .mdl-links { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .mdl-links a { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .mdl-account-shared-warning .mdl-content { | |
background: rgb(255, 255, 255); | |
} | |
html.dark .char-count:disabled { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .over-char-count:disabled { | |
color: rgb(126, 57, 80); | |
} | |
html.dark .s-link-added.s-photo-added p:last-child { | |
border-top: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .inline-reply { | |
background-color: rgb(71, 83, 92); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .inline-reply .btn-neutral, html.dark .inline-reply .character-count { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .reply-triangle { | |
border-color: transparent transparent rgb(71, 83, 92) transparent; | |
} | |
html.dark .detail-view-inline { | |
background-color: rgb(34, 40, 47); | |
border-top: 1px solid rgb(22, 23, 25); | |
border-bottom: 1px solid rgb(22, 23, 25); | |
} | |
html.dark .detail-view-inline-text { | |
border: 1px solid rgb(0, 0, 0); | |
background-color: rgb(26, 31, 37); | |
color: rgb(228, 232, 234); | |
} | |
html.dark .is-inverted-dark .detail-view-inline { | |
border-color: rgb(208, 213, 217); | |
} | |
html.dark .is-inverted-dark .detail-view-inline-text { | |
border-color: rgb(228, 232, 234); | |
background-color: rgb(255, 255, 255); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .med-fullpanel { | |
background-color: rgb(22, 23, 25); | |
} | |
html.dark .med-link { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .med-origlink, html.dark .med-flaglink { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .med-origlink:hover, html.dark .med-flaglink:hover { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .embed-modal .mdl-content { | |
background: rgb(255, 255, 255); | |
} | |
html.dark .embed-loading-container { | |
border: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .keyboard-shortcut-list-modal .mdl-content { | |
background: rgb(255, 255, 255); | |
} | |
html.dark .text-like-keyboard-key { | |
background-color: rgb(228, 232, 234); | |
border: 1px solid rgb(228, 232, 234); | |
box-shadow: 0 1px 2px rgb(228, 232, 234),0 1px 2px rgb(255, 255, 255) inset; | |
} | |
html.dark .s-checked .checked { | |
color: rgb(34, 103, 75); | |
} | |
html.dark .list-link, html.dark .list-twitter-list, html.dark .list-subtitle, html.dark .list-account, html.dark .list-listmember, html.dark .list-account, html.dark .list-listaccount, html.dark .list-subtitle, html.dark .list-filter { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .list-link:hover, html.dark .list-twitter-list:hover, html.dark .list-subtitle:hover, html.dark .list-account:hover, html.dark .list-listmember:hover, html.dark .list-account:hover, html.dark .list-listaccount:hover, html.dark .list-subtitle:hover { | |
color: rgb(22, 23, 25); | |
background: rgb(255, 255, 255); | |
} | |
html.dark .list-link:hover:hover, html.dark .list-twitter-list:hover:hover, html.dark .list-subtitle:hover:hover, html.dark .list-account:hover:hover, html.dark .list-listmember:hover:hover, html.dark .list-link:hover:focus, html.dark .list-twitter-list:hover:focus, html.dark .list-subtitle:hover:focus, html.dark .list-account:hover:focus, html.dark .list-listmember:hover:focus, html.dark .list-link:hover:active, html.dark .list-twitter-list:hover:active, html.dark .list-subtitle:hover:active, html.dark .list-account:hover:active, html.dark .list-listmember:hover:active, html.dark .list-account:hover:hover, html.dark .list-account:hover:focus, html.dark .list-account:hover:active, html.dark .list-listaccount:hover:hover, html.dark .list-listaccount:hover:focus, html.dark .list-listaccount:hover:active, html.dark .list-subtitle:hover:hover, html.dark .list-subtitle:hover:focus, html.dark .list-subtitle:hover:active { | |
color: rgb(22, 23, 25); | |
background: rgb(255, 255, 255); | |
} | |
html.dark .list-twitter-list .inner strong { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .list-twitter-list .bytext, html.dark .list-twitter-list .txt-ellipsis { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .list-twitter-list .subtitle { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .list-subtitle span { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .list-account { | |
text-shadow: 0 1px 0 rgb(255, 255, 255); | |
} | |
html.dark .list-account .fullname { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .list-account .username { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .list-listmember .username { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .list-listmember .bio { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .divider-bar { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark select { | |
background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='8' viewBox='0 0 18 8'><path fill='rgb(170, 170, 170)' d='M9.82875,0.840168025 C9.59875,0.608328018 9.22625,0.608328018 8.99625,0.840168025 L5.00125,4.86964815 L1.00375,0.840168025 C0.77375,0.608328018 0.40125,0.608328018 0.17125,0.840168025 C-0.05875,1.07200803 -0.05625,1.44748804 0.17125,1.67932805 L4.58375,6.12712819 C4.69875,6.24304819 4.84875,6.30100819 5.00125,6.30100819 C5.15125,6.30100819 5.30125,6.24304819 5.41625,6.12712819 L9.82875,1.67932805 C10.05875,1.44748804 10.05875,1.07200803 9.82875,0.840168025'></path></svg>"); | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark input, html.dark textarea, html.dark select { | |
color: rgb(22, 23, 25); | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark input:disabled { | |
background-color: rgb(246, 248, 249); | |
border-color: rgb(228, 232, 234); | |
} | |
html.dark select:disabled { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark input:focus, html.dark select:focus, html.dark textarea:focus, html.dark .focus { | |
border-color: rgba(82, 148, 189, 0.8); | |
box-shadow: inset 0 1px 3px rgba(22, 23, 25, 0.1),0 0 8px rgba(82, 148, 189, 0.6); | |
} | |
html.dark input.on-blue:focus { | |
box-shadow: 0 0 2px 3px rgb(82, 148, 189); | |
} | |
html.dark .frm { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .with-emphasis { | |
border: 1px solid rgb(144, 152, 159); | |
} | |
html.dark .with-emphasis:disabled { | |
border-color: rgb(144, 152, 159); | |
} | |
html.dark ::-webkit-input-placeholder input::-webkit-input-placeholder, html.dark textarea::-webkit-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark ::-moz-placeholder input::-moz-placeholder, html.dark textarea::-moz-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark :-ms-input-placeholder input:-ms-input-placeholder, html.dark textarea:-ms-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark ::placeholder input::placeholder, html.dark textarea::placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark ::-webkit-validation-bubble-message { | |
border: 1px solid rgb(217, 158, 171); | |
background-color: rgb(237, 202, 207); | |
} | |
html.dark ::-webkit-validation-bubble-arrow { | |
border: 1px solid rgb(217, 158, 171); | |
background-color: rgb(237, 202, 207); | |
} | |
html.dark .s-error input { | |
border-color: rgba(217, 158, 171, 0.8); | |
} | |
html.dark .s-error label { | |
color: rgb(126, 57, 80); | |
} | |
html.dark .s-error input:focus { | |
border-color: rgb(217, 158, 171); | |
box-shadow: 0 0 6px rgba(217, 158, 171, 0.5); | |
} | |
html.dark input, html.dark textarea, html.dark select { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .search-input-perform-search, html.dark .search-input-clear-search, html.dark .search-input-spinner { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .search-input-perform-search:hover, html.dark .search-input-clear-search:hover, html.dark .search-input-spinner:hover { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .input-clear-control { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .input-clear-control:hover { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .toggle-item.is-selected { | |
color: rgb(246, 248, 249); | |
} | |
html.dark .toggle-item { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .add-on { | |
color: rgb(144, 152, 159); | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .add-on.with-emphasis { | |
border: 1px solid rgb(144, 152, 159); | |
} | |
html.dark .input-prepend input { | |
border-left-color: rgb(208, 213, 217); | |
} | |
html.dark #calbody { | |
background: rgb(255, 255, 255); | |
} | |
html.dark #caldays { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark #caldays span { | |
color: rgb(22, 23, 25); | |
} | |
html.dark #calweeks { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .calweek a { | |
color: rgb(68, 68, 68); | |
} | |
html.dark .calweek a:hover, html.dark .calfocus { | |
background-color: rgb(208, 213, 217); | |
} | |
html.dark a.caloff { | |
color: rgb(208, 213, 217); | |
} | |
html.dark a.caloff:hover { | |
color: rgb(255, 255, 255); | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark a.caldisabled { | |
background-color: rgb(246, 248, 249) !important; | |
color: rgb(228, 232, 234) !important; | |
} | |
html.dark #calcurrent { | |
background-color: rgb(82, 148, 189); | |
color: rgb(22, 23, 25); | |
} | |
html.dark #caltoday { | |
background-color: rgb(228, 232, 234); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .cal { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .cal header { | |
border-bottom: 1px soild rgb(228, 232, 234); | |
} | |
html.dark .prf-header { | |
background: rgb(44, 47, 49); | |
text-shadow: 0 1px 1px rgba(22, 23, 25, 0.8); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .prf-header .prf-siteurl, html.dark .prf-header .prf-bio a, html.dark .prf-header .pretty-link { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .prf-header .prf-siteurl:hover, html.dark .prf-header .prf-bio a:hover, html.dark .prf-header .pretty-link:hover { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .prf-header-inner-overlay { | |
background-image: linear-gradient(transparent 0, rgba(22, 23, 25, 0.55) 100%); | |
} | |
html.dark .prf .fullname { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .prf .username { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .prf-meta { | |
border-top: 1px solid rgb(228, 232, 234); | |
background: rgb(255, 255, 255); | |
} | |
html.dark .prf-stats li+li a { | |
border-left: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .prf-stats a { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .prf-stats a strong { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .prf-stats a:hover, html.dark .prf-stats a:hover strong { | |
color: rgb(52, 100, 157); | |
} | |
html.dark .prf .lst-profile span { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .prf .lst-profile i { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .prf .lst-profile a { | |
border-right: 1px solid rgb(255, 255, 255); | |
} | |
html.dark .prf .lst-profile a:hover span { | |
color: rgb(71, 83, 92); | |
} | |
html.dark .prf .lst-profile a:hover i { | |
color: rgb(71, 83, 92); | |
} | |
html.dark .detail-group { | |
border-bottom: rgb(22, 23, 25); | |
} | |
html.dark .prf-follow-status { | |
background-color: rgba(22, 23, 25, 0.25); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .profile-full-follow-status { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .social-proof-container { | |
background-color: rgb(228, 232, 234); | |
} | |
html.dark .profile-full { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .profile-icon { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .profile-full-avatar { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .profile-full-bio-count { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .profile-full { | |
background-color: rgb(22, 23, 25); | |
} | |
html.dark .profile-icon { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .profile-full-avatar { | |
background-color: rgb(22, 23, 25); | |
} | |
html.dark .profile-full-bio-count { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .is-inverted-dark .profile-full { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .is-inverted-dark .profile-icon { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .is-inverted-dark .profile-full-avatar { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .is-inverted-dark .profile-full-bio-count { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .lst li { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .lst-modal { | |
background: rgb(255, 255, 255); | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .lst .s-selected { | |
background-color: rgb(82, 148, 189); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .lst .s-selected .fullname, html.dark .lst .s-selected .username { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .lst-group .selected { | |
background: rgb(82, 148, 189); | |
color: rgb(246, 248, 249); | |
} | |
html.dark .lst-group .selected a:hover { | |
background: rgb(82, 148, 189); | |
} | |
html.dark .lst-group .selected .fullname, html.dark .lst-group .selected .inner strong, html.dark .lst-group .selected .list-link, html.dark .lst-group .selected .list-twitter-list, html.dark .lst-group .selected .list-subtitle, html.dark .lst-group .selected .list-account, html.dark .lst-group .selected .list-listmember, html.dark .lst-group .selected .txt-ellipsis { | |
color: rgb(246, 248, 249); | |
} | |
html.dark .lst-group .selected .username, html.dark .lst-group .selected .bytext, html.dark .lst-group .selected .subtitle, html.dark .lst-group .selected .icon-protected { | |
color: rgb(240, 243, 245); | |
} | |
html.dark .itm-remove { | |
border-top: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .caret-outer { | |
border-bottom: 7px solid rgba(22, 23, 25, 0.1); | |
} | |
html.dark .caret-inner { | |
border-bottom: 6px solid rgb(255, 255, 255); | |
} | |
html.dark .drp-h-divider { | |
border-bottom: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .dropdown-menu .typeahead-item, html.dark .dropdown-menu [data-action] { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .dropdown-menu .is-selected { | |
background: rgb(82, 148, 189); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .dropdown-menu .is-selected [data-action] { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .dropdown-menu .is-selected a:not(:hover):not(:focus) { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .dropdown-menu a:not(:hover):not(:focus) { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .dropdown-menu-old li:hover { | |
background: rgb(82, 148, 189); | |
} | |
html.dark .dropdown-menu-old li:hover a { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .dropdown-menu-old li:hover .attribution { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .non-selectable-item { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .update-available-item:before { | |
background-color: rgb(199, 158, 87); | |
} | |
html.dark .is-selected .update-available-item:before { | |
background-color: rgba(44, 47, 49, 0.2); | |
} | |
html.dark .popover { | |
background-color: rgb(255, 255, 255); | |
box-shadow: 0 0 10px rgba(22, 23, 25, 0.7); | |
} | |
html.dark .release-notes { | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .release-notes-header-subtitle { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .release-notes-image-bullet { | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .startflow-background:before { | |
background-color: rgb(44, 47, 49); | |
background-image: linear-gradient(36deg, rgb(52, 100, 157) 0%, transparent 100%); | |
} | |
html.dark .startflow-link { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .startflow-link:hover, html.dark .startflow-link:focus, html.dark .startflow-link:active { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .startflow-link-on-background { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .app-info-title { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .app-info-text p { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .form-legend { | |
border-bottom: 1px solid rgb(208, 213, 217); | |
color: rgb(22, 23, 25); | |
} | |
html.dark .startflow-panel, html.dark .startflow-panel-rounded { | |
background-color: rgb(255, 255, 255); | |
color: rgb(44, 47, 49); | |
border: 1px solid rgb(44, 47, 49); | |
} | |
html.dark .form-login-pwd::-webkit-input-placeholder, html.dark .form-login-email::-webkit-input-placeholder, html.dark .form-login-username::-webkit-input-placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .form-login-pwd::-moz-placeholder, html.dark .form-login-email::-moz-placeholder, html.dark .form-login-username::-moz-placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .form-login-pwd:-ms-input-placeholder, html.dark .form-login-email:-ms-input-placeholder, html.dark .form-login-username:-ms-input-placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .form-login-pwd::placeholder, html.dark .form-login-email::placeholder, html.dark .form-login-username::placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .privacy-info { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .privacy-info a, html.dark .privacy-info a:visited, html.dark .privacy-info a:hover, html.dark .privacy-info a:active { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .form-message { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .form-error-message { | |
background-color: rgb(126, 57, 80); | |
} | |
html.dark .form-success-message { | |
background-color: rgb(34, 103, 75); | |
} | |
html.dark .form-warning-message { | |
background-color: rgb(34, 103, 75); | |
} | |
html.dark .startflow-msg-header { | |
background-color: rgb(208, 213, 217); | |
} | |
html.dark .startflow-msg-warning { | |
background-color: rgb(199, 158, 87); | |
} | |
html.dark .compose { | |
background-color: rgb(71, 83, 92); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .compose-header { | |
border-bottom: 1px solid rgb(109, 118, 126); | |
} | |
html.dark .compose-text-container { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .compose-text { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .compose-text::-webkit-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .compose-text::-moz-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .compose-text:-ms-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .compose-text::placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .compose-text-title { | |
color: rgb(147, 191, 214); | |
} | |
html.dark .compose-text-title { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .compose-send-button-success { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .compose-reply-tweet { | |
background-color: rgb(228, 232, 234); | |
color: rgb(44, 47, 49); | |
} | |
html.dark .compose-reply-tweet-remove { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .compose-reply-tweet .tweet-body a { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .compose-reply-tweet .fullname { | |
color: rgb(44, 47, 49); | |
} | |
html.dark .compose-reply-tweet .username { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .replyto-caret { | |
border-color: transparent transparent rgb(255, 255, 255) transparent; | |
} | |
html.dark .compose-message-account { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .compose-message-recipient { | |
border: 1px solid rgb(228, 232, 234); | |
} | |
html.dark .compose-message-recipient-input-container.is-focused { | |
box-shadow: 0 0 2px 3px rgb(82, 148, 189); | |
} | |
html.dark .compose-media-bar-holder { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .compose-media-info-bar-holder { | |
background-color: rgb(255, 255, 255); | |
color: rgb(144, 152, 159); | |
} | |
html.dark .compose-media-info-bar { | |
background: rgb(228, 232, 234); | |
} | |
html.dark .compose-account { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .compose-account-img { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .compose-account:hover { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .compose-account:focus { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .compose-account:focus .compose-account-img { | |
box-shadow: 0 0 2px 3px rgb(82, 148, 189); | |
} | |
html.dark .is-selected.compose-account:focus .compose-account-img { | |
box-shadow: 0 0 2px 3px rgb(82, 148, 189); | |
} | |
html.dark .compose-account-selected { | |
background-color: rgb(65, 149, 103); | |
} | |
html.dark .compose-remember-state { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .video-container .video-controls { | |
background: rgba(0, 0, 0, 0.5); | |
background: linear-gradient(transparent, rgba(0, 0, 0, 0.65)); | |
} | |
html.dark .column-nav-link { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .column-nav-link:focus, html.dark .column-nav-link:active { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .column-nav-link.is-selected, html.dark .column-nav-link:hover { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .column-nav-item { | |
color: rgb(176, 183, 188); | |
background-color: rgb(45, 53, 62); | |
} | |
html.dark .column-nav-link:after { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .column-nav-link .attribution { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .column-nav-link .column-head-title { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .draggable-dragging { | |
box-shadow: 0 4px 10px rgba(22, 23, 25, 0.8); | |
} | |
html.dark .nav-user-info .username { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .nav-user-info .fullname { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .account-bio { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .DatePickerDropdown-menuItem--footer { | |
border-top: 1px solid rgb(208, 213, 217); | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .DatePicker-monthButton { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .DatePicker-monthButton:hover, html.dark .DatePicker-monthButton:focus { | |
color: rgb(52, 100, 157); | |
} | |
html.dark .DatePicker-monthButton[disabled] { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .DatePicker-calendarDayHeader { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .DatePicker-calendarDay { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .DatePicker-calendarDay.is-selectable { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .DatePicker-calendarDay.is-selectable.is-adjacentMonth { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .DatePicker-calendarDay.is-selectable:hover { | |
background-color: rgb(52, 100, 157); | |
} | |
html.dark .DatePicker-calendarDay.is-withinRange { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .DatePicker-calendarDay.is-withinRange.is-adjacentMonth { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .DatePicker-calendarDay.is-rangeStart, html.dark .DatePicker-calendarDay.is-rangeEnd { | |
background-color: rgb(52, 100, 157); | |
} | |
html.dark .DatePicker-calendarDay.is-rangeStart.is-adjacentMonth, html.dark .DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd { | |
border: 1px solid rgb(82, 148, 189); | |
color: rgb(22, 23, 25); | |
} | |
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-withinRange.is-adjacentMonth, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart.is-adjacentMonth, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd.is-adjacentMonth { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeStart, html.dark .DatePicker--withPendingRange .DatePicker-calendarDay.is-rangeEnd { | |
background-color: rgb(239, 244, 248); | |
} | |
html.dark .DatePicker-time { | |
border-top: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .DatePicker-timeZone { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Dropdown { | |
background-color: rgba(255, 255, 255, 0.98); | |
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); | |
} | |
html.dark .Dropdown-detailPanel { | |
border: 1px solid rgb(208, 213, 217); | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .Dropdown-divider { | |
background-color: rgb(208, 213, 217); | |
} | |
html.dark .Dropdown-menuItem .Dropdown-menuItemContent, html.dark .Dropdown-menuGroupLabel { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .Dropdown-menuItem .Dropdown-menuItemContent .Icon--check { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Dropdown-menuItem.is-focus { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .Dropdown-menuItem.is-focus .User .Icon--verified::before { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Dropdown-menuGroupLabel { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .ProgressBar { | |
background-color: rgb(208, 213, 217); | |
color: rgb(82, 148, 189); | |
} | |
html.dark .ProgressBar::-moz-progress-bar { | |
background-color: rgb(208, 213, 217); | |
} | |
html.dark .ProgressBar::-webkit-progress-bar { | |
background-color: rgb(208, 213, 217); | |
} | |
html.dark .ProgressBar.ProgressBar:indeterminate { | |
border-top: 1.5px solid rgb(208, 213, 217); | |
border-bottom: 1.5px solid rgb(208, 213, 217); | |
} | |
html.dark .ProgressBar::-moz-progress-bar { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .ProgressBar::-webkit-progress-value { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .ProgressBar--red { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .ProgressBar--red::-moz-progress-bar { | |
background-color: rgb(177, 83, 112); | |
} | |
html.dark .ProgressBar--red::-webkit-progress-value { | |
background-color: rgb(177, 83, 112); | |
} | |
html.dark .ProgressBar--yellow { | |
color: rgb(199, 158, 87); | |
} | |
html.dark .ProgressBar--yellow::-moz-progress-bar { | |
background-color: rgb(199, 158, 87); | |
} | |
html.dark .ProgressBar--yellow::-webkit-progress-value { | |
background-color: rgb(199, 158, 87); | |
} | |
html.dark .ProgressBar--green { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .ProgressBar--green::-moz-progress-bar { | |
background-color: rgb(65, 149, 103); | |
} | |
html.dark .ProgressBar--green::-webkit-progress-value { | |
background-color: rgb(65, 149, 103); | |
} | |
html.dark .ProgressBar--blue { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .ProgressBar--blue::-moz-progress-bar { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .ProgressBar--blue::-webkit-progress-value { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .ProgressBar--white { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .ProgressBar--white::-moz-progress-bar { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .ProgressBar--white::-webkit-progress-bar { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .ProgressBar--large.ProgressBar:indeterminate { | |
border-top: 4.5px solid rgb(208, 213, 217); | |
border-bottom: 4.5px solid rgb(208, 213, 217); | |
} | |
html.dark .Notification-inner { | |
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | |
} | |
html.dark .Notification-icon { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .Notification-content { | |
border: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .Notification-title+.Notification-body { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Notification-closeButton { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .Notification-closeButton:hover, html.dark .Notification-closeButton:focus { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Notification--green .Notification-icon { | |
background-color: rgb(65, 149, 103); | |
} | |
html.dark .Notification--red .Notification-icon { | |
background-color: rgb(177, 83, 112); | |
} | |
html.dark .ModalOverlay { | |
background-color: rgba(22, 23, 25, 0.8); | |
} | |
html.dark .Drawer { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .Drawer:not([dir="rtl"]) { | |
border-left: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .Drawer[dir="rtl"] { | |
border-right: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .Drawer--modal { | |
background-color: rgb(255, 255, 255); | |
} | |
html.dark .Drawer-close { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .Drawer-close:hover { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .DialogContent-title { | |
border-bottom: 2px solid rgb(208, 213, 217); | |
} | |
html.dark .DialogContent-footer { | |
background-color: rgb(246, 248, 249); | |
border-top: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .Tooltip { | |
border-color: rgb(208, 213, 217); | |
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | |
} | |
html.dark .Tooltip .Tooltip-content { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .Tooltip .Tooltip-close { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .Tooltip .Tooltip-triangleOuter { | |
border-color: transparent rgb(208, 213, 217) transparent transparent; | |
} | |
html.dark .Tooltip.Tooltip--left .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter { | |
border-color: transparent transparent transparent rgb(208, 213, 217); | |
} | |
html.dark .Tooltip.Tooltip--top .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--topLeft .Tooltip-triangleOuter { | |
border-color: rgb(208, 213, 217) transparent transparent; | |
} | |
html.dark .Tooltip.Tooltip--bottom .Tooltip-triangleOuter, html.dark .Tooltip.Tooltip--bottomLeft .Tooltip-triangleOuter { | |
border-color: transparent transparent rgb(208, 213, 217) transparent; | |
} | |
html.dark .Tooltip--dark { | |
background: rgb(22, 23, 25); | |
border-color: rgb(22, 23, 25); | |
} | |
html.dark .Tooltip--dark .Tooltip-triangleOuter { | |
border-color: transparent rgb(22, 23, 25) transparent transparent; | |
} | |
html.dark .Tooltip--dark .Tooltip-triangleInner { | |
border-color: transparent rgb(22, 23, 25) transparent transparent; | |
} | |
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter { | |
border-color: transparent transparent transparent rgb(22, 23, 25); | |
} | |
html.dark .Tooltip--dark.Tooltip--left .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner { | |
border-color: transparent transparent transparent rgb(22, 23, 25); | |
} | |
html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleOuter { | |
border-color: rgb(22, 23, 25) transparent transparent; | |
} | |
html.dark .Tooltip--dark.Tooltip--top .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--topLeft .Tooltip-triangleInner { | |
border-color: rgb(22, 23, 25) transparent transparent; | |
} | |
html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleOuter, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleOuter { | |
border-color: transparent transparent rgb(22, 23, 25) transparent; | |
} | |
html.dark .Tooltip--dark.Tooltip--bottom .Tooltip-triangleInner, html.dark .Tooltip--dark.Tooltip--bottomLeft .Tooltip-triangleInner { | |
border-color: transparent transparent rgb(22, 23, 25) transparent; | |
} | |
html.dark .Tooltip--intro { | |
background: rgb(82, 148, 189); | |
border-color: rgb(82, 148, 189); | |
} | |
html.dark .Tooltip--intro .Tooltip-triangleOuter { | |
border-color: transparent rgb(82, 148, 189) transparent transparent; | |
} | |
html.dark .Tooltip--intro .Tooltip-triangleInner { | |
border-color: transparent rgb(82, 148, 189) transparent transparent; | |
} | |
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter { | |
border-color: transparent transparent transparent rgb(82, 148, 189); | |
} | |
html.dark .Tooltip--intro.Tooltip--left .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner { | |
border-color: transparent transparent transparent rgb(82, 148, 189); | |
} | |
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleOuter { | |
border-color: rgb(82, 148, 189) transparent transparent; | |
} | |
html.dark .Tooltip--intro.Tooltip--top .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--topLeft .Tooltip-triangleInner { | |
border-color: rgb(82, 148, 189) transparent transparent; | |
} | |
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleOuter, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleOuter { | |
border-color: transparent transparent rgb(82, 148, 189) transparent; | |
} | |
html.dark .Tooltip--intro.Tooltip--bottom .Tooltip-triangleInner, html.dark .Tooltip--intro.Tooltip--bottomLeft .Tooltip-triangleInner { | |
border-color: transparent transparent rgb(82, 148, 189) transparent; | |
} | |
html.dark .Tooltip-close:hover { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .TooltipHoverTarget { | |
background-image: linear-gradient(to right, rgb(82, 148, 189) 50%, transparent 0%); | |
} | |
html.dark .LegendItem-color { | |
background-color: rgb(176, 183, 188); | |
} | |
html.dark .LegendItem--gray .LegendItem-color { | |
background-color: rgb(176, 183, 188); | |
} | |
html.dark .LegendItem--blue .LegendItem-color { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .LegendItem--green .LegendItem-color { | |
background-color: rgb(65, 149, 103); | |
} | |
html.dark .LegendItem--yellow .LegendItem-color { | |
background-color: rgb(199, 158, 87); | |
} | |
html.dark .LegendItem--red .LegendItem-color { | |
background-color: rgb(177, 83, 112); | |
} | |
html.dark .LegendItem--purple .LegendItem-color { | |
background-color: rgb(128, 105, 166); | |
} | |
html.dark .DateRangeDropdown-menuItem--footer { | |
border-top: 1px solid rgb(208, 213, 217); | |
background-color: rgb(246, 248, 249); | |
} | |
html.dark .DateRange:not([dir='rtl']) .DateRange-presets { | |
border-right: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .DateRange:not([dir='rtl']) .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child { | |
border-left: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .DateRange[dir='rtl'] .DateRange-presets { | |
border-left: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .DateRange[dir='rtl'] .DateRange-pickersRow:first-child .DateRange-pickerWrapper:last-child { | |
border-right: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .PillGroup .Pill.is-selected { | |
background: rgb(52, 100, 157); | |
} | |
html.dark .PillGroup .Pill>a, html.dark .PillGroup .Pill>button { | |
color: rgb(76, 137, 175); | |
} | |
html.dark .PillGroup .Pill>a:hover, html.dark .PillGroup .Pill>button:hover { | |
background: rgb(239, 244, 248); | |
} | |
html.dark .PillGroup .Pill>a:focus, html.dark .PillGroup .Pill>button:focus { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(147, 191, 214); | |
} | |
html.dark .PillGroup .Pill>a:active, html.dark .PillGroup .Pill>button:active { | |
box-shadow: 0 0 0 2px white, 0 0 0 4px rgb(82, 148, 189); | |
} | |
html.dark .PillGroup .Pill.is-selected>a, html.dark .PillGroup .Pill.is-selected>button { | |
color: rgb(255, 255, 255); | |
} | |
html.dark .FormInput, html.dark .FormTextarea { | |
border: 1px solid rgb(208, 213, 217); | |
color: rgb(22, 23, 25); | |
} | |
html.dark .FormInput-characterCount { | |
color: rgb(208, 213, 217); | |
} | |
html.dark .FormInput-characterCount.is-negative { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .FormInput::-webkit-input-placeholder, html.dark .FormTextarea::-webkit-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .FormInput::-moz-placeholder, html.dark .FormTextarea::-moz-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .FormInput:-ms-input-placeholder, html.dark .FormTextarea:-ms-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .FormInput[disabled], html.dark .FormTextarea[disabled], html.dark .FormInput.is-disabled, html.dark .FormTextarea.is-disabled, html.dark fieldset[disabled] .FormInput, html.dark fieldset[disabled] .FormTextarea, html.dark .FormInputWrapper.is-disabled .FormInput { | |
background: rgb(246, 248, 249); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .FormInput.is-error, html.dark .FormTextarea.is-error, html.dark .FormInput.is-invalid, html.dark .FormTextarea.is-invalid, html.dark .FormInputWrapper.is-invalid .FormInput { | |
border-color: rgb(177, 83, 112); | |
} | |
html.dark .FormInput.is-error:focus, html.dark .FormTextarea.is-error:focus, html.dark .FormInput.is-invalid:focus, html.dark .FormTextarea.is-invalid:focus, html.dark .FormInput.is-error.is-focus, html.dark .FormTextarea.is-error.is-focus, html.dark .FormInput.is-invalid.is-focus, html.dark .FormTextarea.is-invalid.is-focus, html.dark .FormInputWrapper.is-invalid .FormInput:focus, html.dark .FormInputWrapper.is-invalid .FormInput.is-focus { | |
border-color: rgb(177, 83, 112); | |
box-shadow: inset 0 0 0 1px rgb(177, 83, 112); | |
} | |
html.dark .FormInput.is-valid, html.dark .FormTextarea.is-valid { | |
border-color: rgb(65, 149, 103); | |
} | |
html.dark .FormInput.is-valid:focus, html.dark .FormTextarea.is-valid:focus, html.dark .FormInput.is-valid.is-focus, html.dark .FormTextarea.is-valid.is-focus { | |
border-color: rgb(65, 149, 103); | |
box-shadow: inset 0 0 0 1px rgb(65, 149, 103); | |
} | |
html.dark .FormInput:focus, html.dark .FormTextarea:focus, html.dark .FormInput.is-focus, html.dark .FormTextarea.is-focus, html.dark .FormInputWrapper.is-focus .FormInput { | |
border-color: rgb(82, 148, 189); | |
box-shadow: inset 0 0 0 1px rgb(82, 148, 189); | |
} | |
html.dark .FormOption.is-disabled { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .FormInputWrapper-absoluteStartAdornment .Icon, html.dark .FormInputWrapper-absoluteEndAdornment .Icon { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .FormInputWrapper-absoluteStartAdornment .Icon--caretDown, html.dark .FormInputWrapper-absoluteEndAdornment .Icon--caretDown { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .FormInputWrapper.is-disabled .FormInputWrapper-absoluteStartAdornment .Icon--caretDown, html.dark .FormInputWrapper.is-disabled .FormInputWrapper-absoluteEndAdornment .Icon--caretDown, html.dark fieldset[disabled] .FormInputWrapper-absoluteStartAdornment .Icon--caretDown, html.dark fieldset[disabled] .FormInputWrapper-absoluteEndAdornment .Icon--caretDown { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .FormInputWrapper-startAdornment, html.dark .FormInputWrapper-endAdornment { | |
border: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .FormField.is-invalid .FormField-validationMessage { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .FormField.is-valid .FormField-validationMessage { | |
color: rgb(34, 103, 75); | |
} | |
html.dark .FormField-description { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Token-checkbox input[type="checkbox"]:focus+.Icon { | |
box-shadow: 0 0 0 5px white, 0 0 0 7px rgb(147, 191, 214); | |
} | |
html.dark .Token--small .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--small>.Token .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--small>.TokenGroup>.Token .Token-trigger input[type="checkbox"]:focus+.Icon { | |
box-shadow: 0 0 0 3px white, 0 0 0 5px rgb(147, 191, 214); | |
} | |
html.dark .Token--xsmall .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--xsmall>.Token .Token-trigger input[type="checkbox"]:focus+.Icon, html.dark .TokenGroup--xsmall>.TokenGroup>.Token .Token-trigger input[type="checkbox"]:focus+.Icon { | |
box-shadow: 0 0 0 0 white, 0 0 0 2px rgb(147, 191, 214); | |
} | |
html.dark .Token, html.dark .Token--blue { | |
border-color: rgb(82, 148, 189); | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Token .Token-adornment, html.dark .Token--blue .Token-adornment { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .Token:hover, html.dark .Token--blue:hover { | |
background-color: rgb(177, 215, 229); | |
color: rgb(52, 100, 157); | |
} | |
html.dark .Token.is-selected, html.dark .Token--blue.is-selected { | |
background-color: rgb(82, 148, 189); | |
} | |
html.dark .Token.is-selected .Token-adornment, html.dark .Token--blue.is-selected .Token-adornment { | |
color: rgb(82, 148, 189); | |
} | |
html.dark .Token.is-selected:hover, html.dark .Token--blue.is-selected:hover { | |
background-color: rgb(52, 100, 157); | |
border-color: rgb(52, 100, 157); | |
} | |
html.dark .Token:focus, html.dark .Token--blue:focus, html.dark .Token.is-focused, html.dark .Token--blue.is-focused { | |
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(147, 191, 214); | |
} | |
html.dark .Token--green { | |
border-color: rgb(65, 149, 103); | |
color: rgb(65, 149, 103); | |
} | |
html.dark .Token--green .Token-adornment { | |
background-color: rgb(65, 149, 103); | |
} | |
html.dark .Token--green:hover { | |
background-color: rgb(184, 223, 187); | |
color: rgb(34, 103, 75); | |
} | |
html.dark .Token--green.is-selected { | |
background-color: rgb(65, 149, 103); | |
} | |
html.dark .Token--green.is-selected .Token-adornment { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .Token--green.is-selected:hover { | |
background-color: rgb(34, 103, 75); | |
border-color: rgb(34, 103, 75); | |
} | |
html.dark .Token--green:focus, html.dark .Token--green.is-focused { | |
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(134, 194, 154); | |
} | |
html.dark .Token--red { | |
border-color: rgb(177, 83, 112); | |
color: rgb(177, 83, 112); | |
} | |
html.dark .Token--red .Token-adornment { | |
background-color: rgb(177, 83, 112); | |
} | |
html.dark .Token--red:hover { | |
background-color: rgb(237, 202, 207); | |
color: rgb(126, 57, 80); | |
} | |
html.dark .Token--red.is-selected { | |
background-color: rgb(177, 83, 112); | |
} | |
html.dark .Token--red.is-selected .Token-adornment { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .Token--red.is-selected:hover { | |
background-color: rgb(126, 57, 80); | |
border-color: rgb(126, 57, 80); | |
} | |
html.dark .Token--red:focus, html.dark .Token--red.is-focused { | |
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(217, 158, 171); | |
} | |
html.dark .Token--purple { | |
border-color: rgb(128, 105, 166); | |
color: rgb(128, 105, 166); | |
} | |
html.dark .Token--purple .Token-adornment { | |
background-color: rgb(128, 105, 166); | |
} | |
html.dark .Token--purple:hover { | |
background-color: rgb(207, 198, 233); | |
color: rgb(78, 40, 115); | |
} | |
html.dark .Token--purple.is-selected { | |
background-color: rgb(128, 105, 166); | |
} | |
html.dark .Token--purple.is-selected .Token-adornment { | |
color: rgb(128, 105, 166); | |
} | |
html.dark .Token--purple.is-selected:hover { | |
background-color: rgb(78, 40, 115); | |
border-color: rgb(78, 40, 115); | |
} | |
html.dark .Token--purple:focus, html.dark .Token--purple.is-focused { | |
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(172, 152, 209); | |
} | |
html.dark .Token--yellow { | |
border-color: rgb(199, 158, 87); | |
color: rgb(199, 158, 87); | |
} | |
html.dark .Token--yellow .Token-adornment { | |
background-color: rgb(199, 158, 87); | |
} | |
html.dark .Token--yellow:hover { | |
background-color: rgb(219, 207, 146); | |
color: rgb(187, 133, 62); | |
} | |
html.dark .Token--yellow.is-selected { | |
background-color: rgb(199, 158, 87); | |
} | |
html.dark .Token--yellow.is-selected .Token-adornment { | |
color: rgb(199, 158, 87); | |
} | |
html.dark .Token--yellow.is-selected:hover { | |
background-color: rgb(187, 133, 62); | |
border-color: rgb(187, 133, 62); | |
} | |
html.dark .Token--yellow:focus, html.dark .Token--yellow.is-focused { | |
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(207, 184, 111); | |
} | |
html.dark .Token--gray { | |
border-color: rgb(109, 118, 126); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Token--gray .Token-adornment { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .Token--gray:hover { | |
background-color: rgb(233, 236, 238); | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Token--gray.is-selected { | |
background-color: rgb(109, 118, 126); | |
} | |
html.dark .Token--gray.is-selected .Token-adornment { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .Token--gray.is-selected:hover { | |
background-color: rgb(176, 183, 188); | |
border-color: rgb(176, 183, 188); | |
} | |
html.dark .Token--gray:focus, html.dark .Token--gray.is-focused { | |
box-shadow: 0 0 0 1px white, 0 0 0 3px rgb(176, 183, 188); | |
} | |
html.dark .FormTokenInput-input::-webkit-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .FormTokenInput-input::-moz-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .FormTokenInput-input:-ms-input-placeholder { | |
color: rgb(176, 183, 188); | |
} | |
html.dark .DataPoint .DataPoint-label { | |
color: rgb(109, 118, 126); | |
} | |
html.dark .DataPoint .DataPoint-info { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .DataPoint .DataPoint-trend--negative { | |
color: rgb(177, 83, 112); | |
} | |
html.dark .DataPoint .DataPoint-trend--positive { | |
color: rgb(65, 149, 103); | |
} | |
html.dark .DataPoint--withBottomBorder { | |
border-bottom: 1px solid rgb(208, 213, 217); | |
} | |
html.dark .FormTokenInput.FormTextarea ::-webkit-input-placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .FormTokenInput.FormTextarea ::-moz-placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .FormTokenInput.FormTextarea :-ms-input-placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .FormTokenInput.FormTextarea ::placeholder { | |
color: rgb(144, 152, 159); | |
} | |
html.dark .DatePicker.date-unselected .is-rangeStart, html.dark .DatePicker.date-unselected .is-rangeEnd { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .DatePicker.date-unselected .is-rangeStart:hover, html.dark .DatePicker.date-unselected .is-rangeEnd:hover { | |
background-color: rgb(36, 76, 109); | |
color: rgb(255, 255, 255); | |
} | |
html.dark .NotificationList .Notification-body { | |
color: rgb(22, 23, 25); | |
} | |
html.dark .DrawerModal { | |
color: rgb(22, 23, 25); | |
} | |
.leaflet-container.dark a { | |
color: rgb(132, 173, 197); | |
} | |
.leaflet-container.dark a:hover { | |
color: rgb(166, 196, 213); | |
} | |
.leaflet-container.dark .mapbox-button, .leaflet-container .mapbox-button { | |
background-color: rgb(90, 129, 157); | |
color: rgb(255, 255, 255); | |
} | |
.leaflet-container.dark .mapbox-button:hover, .leaflet-container .mapbox-button:hover { | |
color: rgb(255, 255, 255); | |
background-color: rgb(96, 156, 171); | |
} | |
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a:hover, .leaflet-control-mapbox-geocoder-results a:hover { | |
background: rgb(248, 248, 248); | |
} | |
.leaflet-container.dark .leaflet-bar { | |
background-color: rgb(64, 64, 64); | |
border-color: rgb(32, 32, 32); | |
border-color: rgba(0, 0, 0, 0.75); | |
} | |
.leaflet-container.dark .leaflet-bar a { | |
color: rgb(64, 64, 64); | |
border-color: rgba(0, 0, 0, 0.5); | |
} | |
.leaflet-container.dark .leaflet-bar a:active, .leaflet-container.dark .leaflet-bar a:hover { | |
background-color: rgb(80, 80, 80); | |
} | |
.leaflet-container.dark .leaflet-control-attribution:after, .leaflet-container.dark .mapbox-info-toggle, .leaflet-container.dark .map-info-container, .leaflet-container.dark .leaflet-control-attribution { | |
background-color: rgba(0, 0, 0, 0.5); | |
color: rgb(248, 248, 248); | |
} | |
.leaflet-container.dark .leaflet-control-attribution a, .leaflet-container.dark .leaflet-control-attribution a:hover, .leaflet-container.dark .map-info-container a, .leaflet-container.dark .map-info-container a:hover { | |
color: rgb(255, 255, 255); | |
} | |
.leaflet-container.dark .leaflet-control-attribution:hover:after { | |
background-color: rgb(0, 0, 0); | |
} | |
.leaflet-container.dark .leaflet-control-layers-list span { | |
color: rgb(248, 248, 248); | |
} | |
.leaflet-container.dark .leaflet-control-layers-separator { | |
border-top-color: rgba(255, 255, 255, 0.1); | |
} | |
.leaflet-container.dark .leaflet-bar a.leaflet-disabled, .leaflet-container.dark .leaflet-control .mapbox-button.disabled { | |
background-color: rgb(37, 37, 37); | |
color: rgb(64, 64, 64); | |
} | |
.leaflet-container.dark .leaflet-control-mapbox-geocoder>div { | |
border-color: rgb(32, 32, 32); | |
border-color: rgba(0, 0, 0, 0.75); | |
} | |
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results a { | |
border-color: rgb(221, 221, 221) rgb(32, 32, 32); | |
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.75); | |
} | |
.leaflet-container.dark .leaflet-control .leaflet-control-mapbox-geocoder-results span { | |
border-color: rgb(32, 32, 32); | |
border-color: rgba(0, 0, 0, 0.75); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment