☰

ShadeRoot Dropbox

Eye-friendly magic in your browser for Dropbox

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 1.0.1a
  4. // Date of issue: 29/02/16
  5. // Date of resolution: 29/02/16
  6. //
  7. // ==UserScript==
  8. // @name        ShadeRoot Dropbox
  9. // @namespace   SRDB
  10. // @description Eye-friendly magic in your browser for Dropbox
  11. // @include     *.dropbox.*
  12.  
  13. // @version     1.0.1a
  14. // @icon		http://i.imgur.com/NI7JuyX.png
  15. // @grant		none
  16. // ==/UserScript==
  17.  
  18. function ShadeRootDB(css) {
  19.     var head, style;
  20.     head = document.getElementsByTagName('head')[0];
  21.     if (!head) { return; }
  22.     style = document.createElement('style');
  23.     style.type = 'text/css';
  24.     style.innerHTML = css;
  25.     head.appendChild(style);
  26. }
  27.  
  28. ShadeRootDB (
  29. 	'body, #modal-box, #browse-header, #browse-header {background-color: #071F33; color: #CEDDE9 !important;}'
  30. 	+
  31. 	'h1, h2, h3, h4, h5, h6, span, .text-input-input, .upgrade-features, .business-theme p, .plans-table__plan-subhead, .plans-table__description, .plans-table__price-sub, .list-item--check, .list-item--strikethrough, #company_size_label, label {color: #C8DCEC !important;}'
  32. 	+
  33. 	'header, footer, section, main, .notes-signin-container {background: #09152A !important;}'
  34. 	+
  35. 	'select {border: 1px solid #356EB6 !important; background-color: #16436F !important; color: #555 !important;}'
  36. 	+
  37. 	'.notifications-dropdown #event-feed-container.empty #event-feed-empty, #locale-link a, .homepage__action-container p, .homepage__subsubheadline, .homepage__example-container p {color: #DDD !important;}'
  38. 	+
  39. 	'#page-header {background-color: #0C3A68 !important;}'
  40. 	+
  41. 	'#modal-overlay, .db-modal-overlay {background-color: rgba(7, 15, 27, 0.62) !important;}'
  42. 	+
  43. 	'#modal-box {border: 1px solid #11344E !important;}'
  44. 	+
  45. 	'#modal-content {background: #245484 !important; border-top: 1px solid #12477B !important;}'
  46. 	+
  47. 	'#browse-rightmenu .action a, #browse-rightmenu .action .selectable, #browse-rightmenu .action .action-button, #global-actions .action a, #global-actions .action .selectable, #global-actions .action .action-button {border: 1px solid #2895E7 !important;}'
  48. 	+
  49. 	'.text-input-input.focused, .browse-file.file-select-one .inline-button, .browse-file--is-selected .inline-button, .browse-file:hover .inline-button, .browse-file-row.file-select-one .inline-button, .browse-file-row--is-selected .inline-button, .browse-file-row:hover .inline-button, .browse-new-folder.file-select-one .inline-button, .browse-new-folder--is-selected .inline-button, .browse-new-folder:hover .inline-button {box-shadow: 0px 0px 30px 30px #1758A1 !important;}'
  50. 	+
  51. 	'#browse-search-suggested-list {background-color: #114674 !important; border-color: #1B6AA4 !important;}'
  52. 	+
  53. 	'.focused {background-color: #1C3953 !important;}'
  54. 	+
  55. 	'.freshbutton, .freshbutton-silver, .freshbutton-gray, .freshbutton-blue-on-gray, .button-tertiary, a.button-tertiary {background: #164F8F !important; border: 1px solid #166EC5 !important; color: #C4D6E9 !important;}'
  56. 	+
  57. 	'.search-item {border-top: 1px solid #2672A8 !important;}'
  58. 	+
  59. 	'.customers__list-item--kayak {background: #2F2418 !important;}'
  60. 	+
  61. 	'.search-item.search-text, #browse-location, .sprite-text-inner, #context-menu a, #context-menu button, #context-menu button div, #context-menu button img, .sprite-div .sprite-text, .customers__headline, .customers__quote-copy, .customers__position, .customers__author-name, #business-footer nav a {color: #DDD !important;}'
  62. 	+
  63. 	'.text-input .text-input-wrapper input, .text-input .text-input-wrapper textarea {border: 1px solid #1E72AE !important;}'
  64. 	+
  65. 	'#browse-sort, #browse-root-actions, #browse-header-wrapper {background: #184C90 !important; border-bottom: 1px solid #05357D !important;}'
  66. 	+
  67. 	'li.browse-file, li.browse-new-folder {border-color: #184C87 !important; color: #DDD !important;}'
  68. 	+
  69. 	'.browse-file:hover {background: #0D4186 !important; border-color: #22669B !important;}'
  70. 	+
  71. 	'.browse-file .filename-link, .browse-file-row .filename-link, .browse-new-folder .filename-link {color: #9EC5E4 !important;}'
  72. 	+
  73. 	'.freshbutton-lightblue, .button-secondary, a.button-secondary {background-color: #195180 !important; background-image: linear-gradient(#217ECC, #1366AB) !important; border: 1px solid #5EB0F0 !important; color: #B6D0E6 !important;}'
  74. 	+
  75. 	'.dialog-menu, .chat-bubble, .chat-bubble-bottom, .chat-bubble-left, .chat-bubble-right {background: #184C90 !important;}'
  76. 	+
  77. 	'.chat-bubble-arrow {border-color: transparent transparent #184C90 !important;}'
  78. 	+
  79. 	'ul li:hover {background-color: #0F2D50 !important;}'
  80. 	+
  81. 	'.text-input-input {background: #092941 !important; box-shadow: 0px 0px 30px 30px #144B9E !important;}'
  82. 	+
  83. 	'.browse-file .inline-button.variant-DROPDOWN:hover, .browse-file .inline-button.variant-DROPDOWN.hovered, .browse-file-row .inline-button.variant-DROPDOWN:hover, .browse-file-row .inline-button.variant-DROPDOWN.hovered, .browse-new-folder .inline-button.variant-DROPDOWN:hover, .browse-new-folder .inline-button.variant-DROPDOWN.hovered {background: transparent linear-gradient(#2171AB, #12467A) repeat scroll 0% 0% !important;}'
  84. 	+
  85. 	'.sharing__actions .button-secondary {box-shadow: 0px 0px 8px 6px rgb(23, 88, 161) !important;}'
  86. 	+
  87. 	'#page-footer {background: #184C90 !important;}'
  88. 	+
  89. 	'.bubble-dropdown {background: #102B53 !important;}'
  90. 	+
  91. 	'.bubble-dropdown.bottom .bubble-arrow, .bubble-dropdown.bottom-left .bubble-arrow, .bubble-dropdown.bottom-right .bubble-arrow {border-top-color: #102B53 !important;}'
  92. 	+
  93. 	'.bubble-menu .bubble-menu-item:hover {background-color: #081F32 !important;}'
  94. 	+
  95. 	'.recents-section__title, .recents-item {border-bottom: 1px solid #1D4983;}'
  96. 	+
  97. 	'.recents-item:hover, .recents-item:focus {border-color: #0E6BC6 !important;}'
  98. 	+
  99. 	'.recents-item:hover .recents-item__action-button:first-child, .recents-item:focus .recents-item__action-button:first-child {box-shadow: -8px 0px 32px 16px #154EA4 !important;}'
  100. 	+
  101. 	'.recents-item__heading {color: #89C0EA !important;}'
  102. 	+
  103. 	'.bubble-dropdown.top .bubble-arrow, .bubble-dropdown.top-left .bubble-arrow, .bubble-dropdown.top-right .bubble-arrow {border-bottom-color: #102B53 !important;}'
  104. 	+
  105. 	'.recents-onboarding__confirm, .get-started p, .pro-header--bars {color: #C8DEF0 !important;}'
  106. 	+
  107. 	'.recents-onboarding, .business-2015, #snapengage-iframe {background-color: #1E385F !important;}'
  108. 	+
  109. 	'.db-modal-content, .db-modal {background-color: #102438 !important;}'
  110. 	+
  111. 	'.recents-onboarding-modal__header {background-color: #18406C !important;}'
  112. 	+
  113. 	'.recents-onboarding-modal .db-modal .recents-onboarding-modal__body, .db-modal-content {color: #D5E2EC !important; background: #122845 !important;}'
  114. 	+
  115. 	'.pro-header--bars {background-color: #11283B !important;}'
  116. 	+
  117. 	'.upgrade-features p, .upgrade-features .o--p, .upgrade-features blockquote, .upgrade-features table, .upgrade-features form, .upgrade-features ul, .upgrade-features ol, .upgrade-features .img, .upgrade-features pre, .upgrade-features .mega, .upgrade-features .ultra, .plans li p {color: #BAD3E7 !important;}'
  118. 	+
  119. 	'.plans__pro {border-left: 1px solid #2870B7 !important;}'
  120. 	+
  121. 	'#footer-border {border-top: 1px solid #1D4980 !important;}'
  122. 	+
  123. 	'.anywhere-block__props, .tile a img, .tour-book__pages, .dl-dropbox, .primary-position img, .pane-image img {opacity: .85 !important;}'
  124. 	+
  125. 	'.anywhere-block__stage, .anywhere-block__props, .anywhere-block, .try-business-cta-footer {background-color: #09152A !important;}'
  126. 	+
  127. 	'.business-2015 .mast-head, .dropbox-enterprise .mast-head {border-bottom: 1px solid #244A7A !important;}'
  128. 	+
  129. 	'.plans-table__plan {border: 1px solid #1A408F !important;}'
  130. 	+
  131. 	'.plans-features-table__list {border-left: 1px solid #1958A7 !important;}'
  132. 	+
  133. 	'.db-modal-title {background-color: #194193 !important;}'
  134. 	+
  135. 	'.db-modal-content {border-top: 1px solid #101B29 !important;}'
  136. 	+
  137. 	'.hero__background-container--male, .hero__background-container--female, .benefits-carousel {opacity: .45 !important;}'
  138. 	+
  139. 	'.mast-head__list-sub-items, .mast-head__list-sub-items {background: #0D2744 !important; border: 1px solid #1B4377 !important;}'
  140. 	+
  141. 	'.accordion-list__item {background: #0D284B !important;}'
  142. 	+
  143. 	'.accordion-list__item:hover, .accordion-list__item.active:hover {background: #0B1823 !important;}'
  144. 	+
  145. 	'#header-border-div, .total td {border-top: 1px solid #1C5C8C !important; border-bottom: 1px solid #1C5C8C !important;}'
  146. 	+
  147. 	'.payment-security-buy-V1 #teams_billing_form, .payment-security-buy-V2 #teams_billing_form {border: 1px solid #2F5B92 !important;}'
  148. 	+
  149. 	'.business-create-page .section-header .tooltip-wrapper--payment-security-buy-V1, .business-create-page .section-header .tooltip-wrapper--payment-security-buy-V2 {box-shadow: 0px -11px 0px 0px #2F5CA1 inset !important;}'
  150. 	+
  151. 	'.pricing-heading {background: #0E467D !important; border-bottom: 1px solid #1E5B96 !important;}'
  152. 	+
  153. 	'.business-create-page #plan_info #total-price {border: 1px solid #205495 !important;}'
  154. 	+
  155. 	'.pricing-heading--annual, #total-price .annual {border-right: 1px solid #3264A2 !important;}'
  156. 	+
  157. 	'.business-create-page #plan_info #total-price .pricing-option .pricing-scheme-annual, .business-create-page #plan_info #total-price .pricing-option .pricing-scheme-monthly {color: #A3CFF2 !important;}'
  158. 	+
  159. 	'.business-create-page .lr-container .helper.rfloat .helper-sections, .business-create-page .lr-container .helper.rfloat #order-summary {background-color: #09152A !important;}'
  160. 	+
  161. 	'#paypal-form .text-input select {border: 1px solid #3369C8 !important;}'
  162. 	+
  163. 	'.select-input-input {background: #114681 none repeat scroll 0% 0% !important; border: 1px solid #2971A5 !important;}'
  164. 	+
  165. 	'.tooltip-bubble {background: #256BBA !important;}'
  166. 	+
  167. 	'.page-header-border {border-bottom: 1px solid #2C5990 !important;}'
  168. 	+
  169. 	'.banner-yellow {border: 1px solid #10528A !important; background: #0E2D5C none repeat scroll 0% 0% !important;}'
  170. 	+
  171. 	'.c-tabs__tab--selected .c-tabs__label, #full-download-link {color: #B4CEE3 !important;}'
  172. 	+
  173. 	'.c-tabs__tab--selected {border-color: #266C9F !important;}'
  174. 	+
  175. 	'.c-tabs__tab {border-color: #1D6099 !important;}'
  176. 	+
  177. 	'.c-tabs__content {border-top: 1px solid #142F59 !important;}'
  178. 	+
  179. 	'#outer-frame, .body-section {background: #0D223E !important;}'
  180. 	+
  181. 	'.install-illustration, .blog-thumb img, .entry-content img, .entry-summary img, .page-content img, .related-thumb, .header-images img {opacity: .85 !important;}'
  182. 	+
  183. 	'.header-section {border-bottom: 1px solid #153C80 !important;}'
  184. 	+
  185. 	'.business-2015 .button-tertiary:hover, body.business-2015 .button-tertiary.hovered {background-color: #12447B !important;}'
  186. 	+
  187. 	'.button-tertiary {color: #8CADCF !important; background-color: #1666A1 !important; border-color: #2E7AC6 !important;}'
  188. 	+
  189. 	'.business-2015 .dfb-businesses, body.business-2015 .dfb-comparison {border-top: 1px solid #1D5FB1 !important;}'
  190. 	+
  191. 	'.business-2015 hr {border-bottom: 1px solid #204069 !important;}'
  192. 	+
  193. 	'.business-2015 .dfb-businesses, .section-gray {background: #0F223F !important;}'
  194. 	+
  195. 	'#news-home #nav a:hover {background: #0D3D7B !important;}'
  196. 	+
  197. 	'#nav ul .selected, a:hover .keyword-label {color: #C3D6E1 !important;}'
  198. 	+
  199. 	'#nav #more {border-top: 1px dotted #1F629B !important;}'
  200. 	+
  201. 	'.author, .callout-diversity__content {color: #8DBAE1 !important;}'
  202. 	+
  203. 	'.header-inner {border-bottom: 1px solid #1E528D !important;}'
  204. 	+
  205. 	'#content-nav, #related-stories, #most-read, .site-footer, .jobs-home-diversity {border-top: 1px solid #174698 !important; border-bottom: 1px solid #174698 !important;}'
  206. 	+
  207. 	'#content-nav li a.active::after {border-top-color: #174698 !important;}'
  208. 	+
  209. 	'ul#content-nav li a.active::before {border-top-color: #134186 !important;}'
  210. 	+
  211. 	'.content .hentry {border-bottom: 1px solid #184F86 !important;}'
  212. 	+
  213. 	'.search-field:focus {background-color: #0E2548 !important;}'
  214. 	+
  215. 	'.jobs-header {border-bottom: 1px solid #0C397D !important;}'
  216. 	+
  217. 	'.callout-department::before, .slider__subcontent::before {border-left: 1px solid #0E316F !important;}'
  218. 	+
  219. 	'.callouts-departments::before {border-left: 1px solid #244E84 !important;}'
  220. 	+
  221. 	'.btn-secondary:hover {background: #1D406E !important;}'
  222. 	+
  223. 	'.paging-navigation {border-top: 1px solid #07172F !important;}'
  224. 	+
  225. 	'.keywords a {border: 1px solid #164F90 !important;}'
  226. 	+
  227. 	'.help-page-prefooter {border-top: 1px solid #123F6B !important;}'
  228. 	+
  229. 	'.help-page-prefooter li a:hover {background-color: #123350 !important;}'
  230. 	+
  231. 	'.help-page-prefooter li + li {border-left: 1px solid #1F4066 !important;}'
  232. 	+
  233. 	'.help-page-prefooter li a, a .keyword-label, .page h1, .page h2, .page h3 {color: #226FC5 !important;}'
  234. 	+
  235. 	'.page p {color: #555 !important;}'
  236. 	+
  237. 	'.browse-file.context-select {background-color: #1D4B72 !important;}'
  238. 	+
  239. 	'.sharing__actions .button-secondary, .extra-padding {box-shadow: 0px 0px 10px 8px #1758A1 !important;}'
  240. 	+
  241. 	'.react-title-bar, #shmodel-content-area .react-title-bar {background: #143A7E !important; border-bottom: 1px solid #0D3883 !important;}'
  242. 	+
  243. 	'.react-title-bar__divider, #shmodel-content-area .react-title-bar__divider {border-right: 1px solid #317BCF !important;}'
  244. 	+
  245. 	'.react-title-bar__fileinfo-wrap .file-modifier, #shmodel-content-area .react-title-bar__fileinfo-wrap .file-modifier {color: #87C5F6 !important;}'
  246. 	+
  247. 	'.server-error {background-color: #2B527E !important; border: 1px solid #2162C5 !important; color: #CFE4F2 !important;}'
  248. 	+
  249. 	'.flex-preview-container, .preview-content-container {background: #0F1B27 !important;}'
  250. 	+
  251. 	'.preview-image-container .preview-image {border: 1px solid #21497B !important;}'
  252. 	+
  253. 	'.file-feedback .file-feedback-section, .file-feedback .comments-holder {border-left: 1px solid #205890 !important;}'
  254. 	+
  255. 	'.u-pad-horizontal-m {background: #122542 !important;}'
  256. 	+
  257. 	'.comment-list-header-container {border-bottom: 1px solid #154D84 !important; background-color: #0F3163 !important;}'
  258. 	+
  259. 	'.comment-field {background: #0F3163 !important; border-top: 1px solid #1F5181 !important;}'
  260. 	+
  261. 	'.mentions-input {border: 1px solid #1D5FAA !important;}'
  262. 	+
  263. 	'.show-button.white {border-left: 1px solid #0E3B60 !important; background: #1A3A65 !important;}'
  264. 	+
  265. 	'.text-input.edit-mode, .help-article-body p, .keyword-entry-active a, .help-article-body ol li {color: #DDD !important;}'
  266. 	+
  267. 	'.seperator {border-color: #1B5077 !important;}'
  268. 	+
  269. 	'.comments-header-menu-option:hover {background-color: #061D45 !important;}'
  270. 	+
  271. 	'a.bubble-menu-item {background-color: #102B53 !important;}'
  272. 	+
  273. 	'.bubble-dropdown ul li a:hover {background-color: #0C1F3C !important;}'
  274. 	+
  275. 	'.top-border {border-top: 1px solid #144371 !important;}'
  276. 	+
  277. 	'.half-column:last-child:not(:only-child) {border-left: 1px solid #1C3F56 !important;}'
  278. 	+
  279. 	'.bottom-border, .help-breadcrumbs {border-bottom: 1px solid #0E3A57 !important;}'
  280. 	+
  281. 	'.settings-table td {border-top: 1px solid #0D4C77 !important;}'
  282. 	+
  283. 	'.mast-head {border-bottom: 1px solid #134584 !important; box-shadow: 0px 1px 1px #173862 !important;}'
  284. 	+
  285. 	'.help-feedback {background-color: #1B4166 !important; border-top: 1px solid #1D6390 !important;}'
  286. 	+
  287. 	'.freshbutton:hover, .freshbutton.hovered, .freshbutton-silver:hover, .freshbutton-silver.hovered, .freshbutton-gray:hover, .freshbutton-gray.hovered, .freshbutton-blue-on-gray:hover, .freshbutton-blue-on-gray.hovered, .button-tertiary:hover, .button-tertiary.hovered, a.button-tertiary:hover, a.button-tertiary.hovered {background: transparent linear-gradient(#135DB1, #0F456E) repeat scroll 0% 0% !important;}'
  288. 	+
  289. 	'.search-mag-glass {background-color: #132D54 !important;}'
  290. 	+
  291. 	'.center-box.gray-box {background-color: #16406B !important; border: 3px dashed #256C9F !important;}'
  292. 	+
  293. 	'.bubble-dropdown.left .bubble-arrow, .bubble-dropdown.left-top .bubble-arrow, .bubble-dropdown.left-bottom .bubble-arrow {border-right-color: #102B53 !important;}'
  294. 	+
  295. 	'.gifting-round-box {background-color: #144474 !important; border: 1px solid #1B5EB3 !important;}'
  296. 	+
  297. 	'.gifting-break {border-color: #124483 !important;}'
  298. 	+
  299. 	'.feature-table__table-column, .feature-table__table-column--blue, .feature-table__table-column--head {border-bottom: 1px solid #2B578F !important;}'
  300. 	+
  301. 	'.feature-table__table-column--blue {background-color: #0F3857 !important;}'
  302. 	+
  303. 	'#sidebar {background-color: #0D2B4D !important;}'
  304. 	+
  305. 	'.homepage__action-container {border-right: 1px solid #153E72 !important;}'
  306. 	+
  307. 	'.homepage__action-group {border: 1px solid #1F4778 !important;}'
  308. 	+
  309. 	'.homepage__example-container {border-bottom: 1px solid #2D496C !important;}'
  310. 	+
  311. 	'.head a, .app-creation__legend, .radio__description, .right-body p, .help-article-body ul li {color: #DDD !important;}'
  312. 	+
  313. 	'.radio__item:first-child {border-right: 1px solid #1E498A !important;}'
  314. 	+
  315. 	'.radio--horizontal {border: 1px solid #1D4480 !important;}'
  316. 	+
  317. 	'.app-creation__legend {color: #9CC4ED !important;}'
  318. 	+
  319. 	'.radio__item:hover {background: #0E2E57 !important;}'
  320. 	+
  321. 	'#chooser-demo-tbl tr {border-bottom: 1px solid #194A74 !important;}'
  322. 	+
  323. 	'tbody {border: 1px solid #1F426F !important;}'
  324. 	+
  325. 	'#chooser-demo-tbl td {background: #152035 !important;}'
  326. 	+
  327. 	'#chooser-demo-tbl td:first-child {background: #132B4B !important;}'
  328. 	+
  329. 	'.dropbox-dropin-default:hover, .dropbox-dropin-error:hover {border-color: #355F95 !important;}'
  330. 	+
  331. 	'.dropbox-dropin-error {background: #174E7D linear-gradient(to bottom, #254C87 0%, #16467B 100%) repeat scroll 0% 0% !important; color: #DDD !important;}'
  332. 	+
  333. 	'.literal-block {background: #16436F !important; border: 1px solid #356EB6 !important;}'
  334. 	+
  335. 	'.graybox {background-color: #0C1A27 !important;}'
  336. 	+
  337. 	'.hotbox, .green-hotbox, .orange-hotbox {background: none !important; background-color: #173B5A !important; border: 1px solid #195898 !important;}'
  338. 	+
  339. 	'.hotbox-inner {background: #173B5A !important;}'
  340. 	+
  341. 	'.divider, hr {display: none !important;}'
  342. 	+
  343. 	'#support-steps .support-option:hover {background: none !important;}'
  344. 	+
  345. 	'#support-steps .support-option {border-bottom: 1px solid #224A87 !important;}'
  346. 	+
  347. 	'.round-blue-border {border: 1px solid #1D516E !important;}'
  348. 	+
  349. 	'.emo {background: #0E2B44 !important; border: 1px solid #144E87 !important;}'
  350. 	+
  351. 	'#browse-files .browse-file.file-select, #browse-files .browse-file.context-select, #browse-files .browse-new-folder.file-select {background-color: #0D5CA1 !important;}'
  352. 	+
  353. 	'.comments-holder {background-color: #0A1724 !important;}'
  354. 	+
  355. 	'.paper-header {border-bottom: 1px solid #205495 !important; box-shadow: 0px 1px 1px #122E51 !important; background-color: #1E3E69 !important;}'
  356. 	+
  357. 	'.notes-signin-text-title, .pane-title {color: #CCDDED !important;}'
  358. 	+
  359. 	'.notes-dbox-app-section-divider {border-bottom: 1px solid #234E7E !important;}'
  360. 	+
  361. 	'.pane-title, .notes-footer-text {color: #DDD !important;}'
  362. 	+
  363. 	'.ob-welcome-header {background-color: #0D2532 !important;}'
  364. 	+
  365. 	'.ob-welcome-btn {background-color: #154498 !important;}'
  366. 	+
  367. 	'.ob-welcome-btn.create-new {border: 3px dashed #2B9AEC !important;}'
  368. 	+
  369. 	'.hp-button-secondary, a.hp-button-secondary {border: 1px solid #1D78D5 !important; background-color: #19529C !important;}'
  370. 	+
  371. 	'.threaded-comment-list, .comment-field-wrapper {background-color: #12579B !important;}'
  372. 	+
  373. 	'.file-feedback .file-feedback-section, .file-feedback .comments-holder {color: #DDD !important;}'
  374. 	+
  375. 	'textarea {border-color: #1D4889 !important;}'
  376. 	+
  377. 	'.db-modal .sick-input input, .db-modal .sick-input textarea, #modal .sick-input input, #modal .sick-input textarea {background: #1F447D !important;}'
  378. 	+
  379. 	'.share-link-modal-content .share-link-modal-send-form .custom-message-container textarea {color: #DDD !important;}'
  380. 	+
  381. 	'.tokenizer {border: 1px solid #2C6DC0 !important;}'
  382. 	+
  383. 	'#share-link-modal-new-collab-input {background: rgba(0,0,0,0) !important;}'
  384. 	+
  385. 	'#sf-view .sf-list-container ol.sf-list li.sf-folder, #sf-view .sf-list-container ol.sf-list li.sf-file {border-color: #265C92 !important;}'
  386. 	+
  387. 	'.c-banner.c-banner--warning {background-color: #1B4A9E !important;}'
  388. 	+
  389. 	'#links-view #links-list li.link, #links-view #recent-links-list li.link {border-color: #295786 !important;}'
  390. 	+
  391. 	'.links-sub-header__banner__text {color: #C9E0F2 !important;}'
  392. 	+
  393. 	'#links-view #links-list li.link img.thumbnail, #links-view #recent-links-list li.link img.thumbnail {border: 1px solid #275B96 !important;}'
  394. 	+
  395. 	'.autocomplete ul li {border-bottom: 1px solid #184368 !important;}'
  396. 	+
  397. 	'.autocomplete ul {border: 1px solid #184C90 !important; background-color: #19324B !important;}'
  398. 	+
  399. 	'li.selected {background-color: #0E2538 !important;}'
  400. 	+
  401. 	'#events-header {border-bottom: 0px solid #1E4589 !important;}'
  402. 	+
  403. 	'.events-header {background-color: #1B4071 !important;}'
  404. 	+
  405. 	'.ul_select_menu {border-color: #2162C3 !important;}'
  406. 	+
  407. 	'#cur_date {border: 1px solid #3B7DC8 !important;}'
  408. 	+
  409. 	'.calendar {background-color: #132F44 !important; border: 1px solid #1265A2 !important;}'
  410. 	+
  411. 	'.calendar .date {background-color: #1F527D !important;}'
  412. 	+
  413. 	'.calendar .date:hover {background-color: #113860 !important;}'
  414. 	+
  415. 	'.calendar .date.inactive, .calendar .date.inactive {background: #1F79C6 !important;}'
  416. 	+
  417. 	'#event-table td, #trash-table-header {border-bottom: 1px solid #214C77 !important;}'
  418. 	+
  419. 	'div#events-container {border-top: 1px solid #143C65 !important;}'
  420. 	+
  421. 	'.event-row:hover {background: #113654 !important; border-color: #164366 !important;}'
  422. 	+
  423. 	'div#events-container #event-table .event-row:hover .inline-button .inline-share, div#events-container #event-table .event-row:hover .inline-button .inline-restore, .recents-item__action-button:first-child {box-shadow: -10px 0px 8px #1A5FA4 !important;}'
  424. 	+
  425. 	'.freshbutton-lightblue:hover, .freshbutton-lightblue.hovered, .button-secondary:hover, .button-secondary.hovered, a.button-secondary:hover, a.button-secondary.hovered {background: transparent linear-gradient(#296CAE, #134169) !important;}'
  426. 	+
  427. 	'.dbox-app-promo-header {border-top: 1px solid #2A5AA2 !important; border-bottom: 1px solid #2A5AA2 !important;}'
  428. 	+
  429. 	'.dbox-app-promo-header-h1, .pane-text {color: #D0E2F3 !important;}'
  430. 	+
  431. 	'.pane-image {border: 1px solid #2763AE !important;}'
  432. 	+
  433. 	'.dbox-fixed-header__account-info-container {background-color: #1B486E !important;}'
  434. 	+
  435. 	'.context-menu-item, #main-nav .nav-item-link.selected, #main-nav .button-as-link.selected, .drops-empty-page-header-h1 {color: #CDDCE9 !important;}'
  436. 	+
  437. 	'.context-menu-item:hover {background: #234F75 !important;}'
  438. 	+
  439. 	'.scroll-bottom-banner {background: #19519B !important;}'
  440. 	+
  441. 	'#new-or-existing-sf li, #new-sf-or-shmodel li, #shared-folder-type li {background: #12213C !important; border: 1px solid #355E9C !important;}'
  442. 	+
  443. 	'.token-container .tokenizer .tokenizer_input .new-collab-input, .tokenized_autocompleter_container .tokenizer .tokenizer_input .new-collab-input {background: #1C3953 !important; color: #DDD !important;}'
  444. 	+
  445. 	'.bubble-picker-option:hover, .upsell a, .upsell a:hover {background-color: #1B63A1 !important;}'
  446. 	+
  447. 	'.sharing-settings-modal-content td, .landing-page__module {border-bottom: 1px solid #144D7E !important;}'
  448. 	+
  449. 	'.drops-empty-page-header, .drops-empty-page-3pane {border-top: 1px solid #20609E !important;}'
  450. 	+
  451. 	'.landing-page__column--vertical-borders:not(:last-child) {border-right: 1px solid #386699 !important;}'
  452. 	+
  453. 	'.business-create-page .business-create-page--refresh-try-B #teams_billing_form, .business-create-page .business-create-page--refresh-buy-B #teams_billing_form {background-color: #09152A !important;}'
  454. 	+
  455. 	'.business-create-page .business-create-page--refresh-try-A #teams_billing_form, .business-create-page .business-create-page--refresh-try-B #teams_billing_form, .business-create-page .business-create-page--refresh-buy-A #teams_billing_form, .business-create-page .business-create-page--refresh-buy-B #teams_billing_form {border: 1px solid #164178 !important;}'
  456. 	+
  457. 	'.focused-option {background: #174975 !important;}'
  458. 	+
  459. 	'.select-input-dropdown {background: #1B377A !important; border: 1px solid #195F92 !important;}'
  460. 	+
  461. 	'.step-count {border-top: 6px solid #327ED4 !important;}'
  462. 	+
  463. 	'.business-create-page .business-create-page--refresh-try-A #plan_info #total-price .pricing-heading, .business-create-page .business-create-page--refresh-try-B #plan_info #total-price .pricing-heading, .business-create-page .business-create-page--refresh-buy-A #plan_info #total-price .pricing-heading, .business-create-page .business-create-page--refresh-buy-B #plan_info #total-price .pricing-heading {color: #78AFE7 !important;}'
  464. 	+
  465. 	'.pricing-option {background: #132C3F !important;}'
  466. 	+
  467. 	'.business-2015 {background: #09152A !important;}'
  468. 	+
  469. 	'.c-banner {background-color: #0A3250 !important;}'
  470. 	+
  471. 	'.c-btn--secondary {background: #1668A4 !important; border-color: #1E8DD4 !important; color: #BECDDB !important;}'
  472. 	+
  473. 	'.c-btn--secondary:hover:not(:disabled) {background: transparent linear-gradient(#1476BF, #185FBA) !important;}'
  474. 	+
  475. 	'.member-container {background: #1F447D !important; border: 1px solid #255DB0 !important;}'
  476. 	+
  477. 	'.c-btn--secondary {background: #4B6EAA !important;}'
  478. 	+
  479. 	'.sf-display-name, .u-font-meta, .c-banner, #trash-table-header {color: #B4D3EC !important;}'
  480. 	+
  481. 	'.sf-tooltip-warning {border-top: 1px solid #1B4F81 !important;}'
  482. 	+
  483. 	'.complete {border-color: #266AB7 !important;}'
  484. 	+
  485. 	'#inline-upload-status {background: #1B3147 !important;}'
  486. 	+
  487. 	'.inline-upload-info {background-color: #10406E !important;}'
  488. 	+
  489. 	'.inline-upload-bar {background-color: #2476BC !important;}'
  490. 	+
  491. 	'.inline-upload-progress, #more-loading {background-color: #2671D2 !important;}'
  492. 	+
  493. 	'#inline-upload-status {border: 1px solid #3064A7 !important;}'
  494. 	+
  495. 	'.server-success, #notify-msg {background-color: rgb(27, 81, 152) !important; border: 1px solid #1D75C0 !important;}'
  496. 	+
  497. 	'.token-container .tokenizer, .tokenized_autocompleter_container .tokenizer {background: #1C3953 !important;}'
  498. 	+
  499. 	'.trash-header, #trash-table-header {background-color: #132F4B !important;}'
  500. 	+
  501. 	'.trash-row:hover {background: #123859 !important;}'
  502. 	+
  503. 	'.trash-row {border-bottom: 1px solid #285784 !important;}'
  504. 	+
  505. 	'#file-viewer.has-preview.doc-preview #file-viewer-container .title-bar, #file-viewer.has-preview.html-preview #file-viewer-container .title-bar, #file-viewer.has-preview.htmlified-preview #file-viewer-container .title-bar, #file-viewer.has-preview.adobecs-preview #file-viewer-container .title-bar, #file-viewer.has-preview.photo-preview #file-viewer-container .title-bar, #file-viewer.has-preview.video-preview #file-viewer-container .title-bar, #file-viewer.has-preview.linkfile-preview #file-viewer-container .title-bar {border-bottom: 1px solid #143F5A !important;}'
  506. 	+
  507. 	'.title-bar {background: #1E3D6B !important;}'
  508. 	+
  509. 	'.table-header {border-bottom: 2px solid #154275 !important;}'
  510. 	+
  511. 	'.table-body li.table-row, .business-comparison-matrix--plans-comparison.sticky thead tr:last-child td {border-bottom: 1px solid #084087 !important;}'
  512. 	+
  513. 	'#namespace-list-container ul li {background: #0D3766 !important;}'
  514. 	+
  515. 	'.plans-table__cta:hover {background: #172D4E !important;}'
  516. 	+
  517. 	'tr:nth-child(2) td {border-top: 1px solid #1B4E8F !important;}'
  518. 	+
  519. 	'.business-comparison-matrix--plans-comparison thead tr:first-child td {border-top: 1px solid #1A4881 !important;}'
  520. 	+
  521. 	'.business-comparison-matrix--plans-comparison td {border-left: 1px solid #284F80 !important;}'
  522. 	+
  523. 	'.business-comparison-matrix--plans-comparison td:last-child {border-right: 1px solid #244E83 !important;}'
  524. 	+
  525. 	'.business-comparison-matrix--plans-comparison tbody td, .business-comparison-matrix--plans-comparison tfoot td {border-top: 1px solid #20385C !important;}'
  526. 	+
  527. 	'.sticky thead td {background-color: #162E42 !important;}'
  528. 	+
  529. 	'.business-comparison-matrix--plans-comparison thead tr:first-child td.column--active {background-color: #154F87 !important;}'
  530. 	+
  531. 	'.column--active {background-color: #154F87 !important;}'
  532. 	+
  533. 	'.business-comparison-matrix--plans-comparison tfoot tr:last-child td {border-bottom: 1px solid #1B4274 !important;}'
  534. 	+
  535. 	'#SnapABug_P div img {opacity: .8 !important;}'
  536. 	+
  537. 	'.browse-file-row--is-selected, .browse-file-row--is-selected:hover {background-color: #0F395A !important; border-top-color: #19527E !important;}'
  538. 	+
  539. 	'.browse-file-row--is-selected + .browse-file-row, .browse-file-row--is-selected:hover + .browse-file-row {border-top-color: #173B57 !important;}'
  540. 	+
  541. 	'.c-column-header {border-bottom: 1px solid #2F609E !important;}'
  542. 	+
  543. 	'.browse-file-list-header {background: #1D5296 !important;}'
  544. 	+
  545. 	'.browse-file-row {border-color: #053E6F !important;}'
  546. 	+
  547. 	'.browse-header {background: #175192 !important;}'
  548. 	+
  549. 	'.context-menu-item--selected {background-color: #1C5D96 !important;}'
  550. 	+
  551. 	'.search-bar__button:focus {background-color: #122C4D;}'
  552. 	+
  553. 	'.search-bar__input {border: 1px solid #28538A !important;}'
  554. 	+
  555. 	'.search-bar {background-color: #1F64B1 !important; color: #DDE !important;}'
  556. 	+
  557. 	'.search-bar.is-expanded, .search-bar.is-focused {box-shadow: 0px 0px 30px 30px #184C90 !important;}'
  558. 	+
  559. 	'.search-bar__text-input {background: #338BC3 !important;}'
  560. 	+
  561. 	'.search-bar__dropdown {background: #142F66 !important; border-color: rgba(29, 81, 146, 0.8) !important;}'
  562. 	+
  563. 	'.search-bar__suggestion--is-highlighted {background-color: rgba(18, 74, 117, 0.6) !important;}'
  564. );