☰

ShadeRoot PCloud

Eye-friendly magic in your browser for Twitch

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 1.1.0
  4. // Date of issue: 27/05/16
  5. // Date of resolution: 27/05/16
  6. //
  7. // ==UserScript==
  8. // @name        ShadeRoot PCloud
  9. // @namespace   SRPC
  10. // @include     *.pcloud.*
  11. // @description Eye-friendly magic in your browser for Twitch
  12. // @version     1.1.0
  13. // @grant       none
  14. // @icon		http://i.imgur.com/6wROLhZ.png
  15. // ==/UserScript==
  16.  
  17. function ShadeRootPC(css) {
  18.     var head, style;
  19.     head = document.getElementsByTagName('head')[0];
  20.     if (!head) { return; }
  21.     style = document.createElement('style');
  22.     style.type = 'text/css';
  23.     style.innerHTML = css;
  24.     head.appendChild(style);
  25. }
  26.  
  27. ShadeRootPC (
  28. 	'body {color: #D7E0E4 !important;}'
  29. 	+
  30. 	'.main, #container {background-color: #111A1B !important;}'
  31. 	+
  32. 	'.lnav, .download-clients, .leftline, .content {background: #3B4242 !important;}'
  33. 	+
  34. 	'.spacen {border-top: 1px solid #2D363B !important; background-color: #282F2F !important;}'
  35. 	+
  36. 	'.errorBox {background-color: #A0C0CF !important; border-color: #3967B9 !important;}'
  37. 	+
  38. 	'hr {border-color: #456062 !important;}'
  39. 	+
  40. 	'.big-box-6 p .align-botto p {color: #DDD !important;}'
  41. 	+
  42. 	'.download-clients .platform {border: 1px solid #456062 !important; background-color: #222A2A !important;}'
  43. 	+
  44. 	/* COLOR */'.menu ul li a, .uplplc ul li a, .download-clients a, .platform, .main, .current, .headerunder, .name, .desc, input, .search-filter, .header .centr input::-moz-placeholder, .newfolder {color: #CEDDEC !important;}'
  45. 	+
  46. 	'.download-clients a, .platform:hover, .newfolder:hover {background-color: #1B2121 !important; border-color: #466A6C !important;}'
  47. 	+
  48. 	'.usedbarfill {background: #1BCED8 !important;}'
  49. 	+
  50. 	'.usedbar {background: #3E5563 !important; box-shadow: 0px 1px 0px rgba(38, 58, 66, 0.5), 0px 2px 1px rgba(0, 0, 0, 0.03) inset !important;}'
  51. 	+
  52. 	'.headerunder {background: rgb(59, 66, 66) !important; border-top: 1px solid #456062 !important;}'
  53. 	+
  54. 	'th {background: #222A2A !important; border-top: 1px solid #283C45 !important; border-bottom: 1px solid #283C45 !important;}'
  55. 	+
  56. 	'th:hover, tr:hover > td, .select_lang a:hover, .mnnew a.active:hover {background-color: #41697B !important}'
  57. 	+
  58. 	'.gridlist td, .gridlist th, .copyright a, .footer_mini a, .ctrl span {border: 1px solid #364E5D !important; text-shadow: 0px 1px 0px rgba(53, 126, 161, 0.5) !important;}'
  59. 	+
  60. 	'.file, .copyright a, .footer_mini a, .mnnew a li, .sel, .green-sep p, ._2 p {color: #B8CAD5 !important;}'
  61. 	+
  62. 	'.gear {background: #63A0BD !important; padding: 2px !important; border-radius: 10px !important;}'
  63. 	+
  64. 	'.footer_mini {border-top: 1px solid #2D363B !important;}'
  65. 	+
  66. 	'.select_lang, .mnnew:hover a.active {background: #2F3839 !important; color: #B8CAD5 !important;}'
  67. 	+
  68. 	'.select_lang a {border-bottom: 1px solid #364E5D !important; color: #B8CAD5 !important;}'
  69. 	+
  70. 	'.gridmanage, .mnnew a, input {background: #375663 !important; border: 1px solid #4680A5 !important;}'
  71. 	+
  72. 	'.mnnew a:hover, .mnnew a.opn, .mnnew a.active {background-color: #3B4951 !important;}'
  73. 	+
  74. 	'.newfolder {background: #222A2A !important; border: 1px solid #446C83 !important;}'
  75. 	+
  76. 	'.white-tip ul, .mnnew ul, .ctrl span {background: #222A2A !important; border-color: #222A2A !important;}'
  77. 	+
  78. 	'.tabcontent, .ctrl span:hover {background: #111A1B !important;}'
  79. 	+
  80. 	'.headerunder {border-bottom: 1px solid rgb(69, 96, 98) !important;}'
  81. 	+
  82. 	'.ctrl {border-bottom: 1px solid #587B87 !important;}'
  83. 	+
  84. 	'.ctrl span.sel {background-image: -moz-linear-gradient(50% 0% -90deg, #557486 0%, #123D54 100%) !important;}'
  85. 	+
  86. 	'.ctrl span, .current-lang, .answer_box, .current_box, .q_1, .textcontent ul li {color: #DDD !important;}'
  87. 	+
  88. 	'.ctrl span img {background: #D2E5ED !important;}'
  89. 	+
  90. 	'.hdrundertitle {text-shadow: 0px 1px 0px rgba(53, 126, 161, 0.5) !important; color: #B8CAD5 !important;}'
  91. 	+
  92. 	'.setbl td {background: #304047 !important; border-bottom: 1px solid #3A4C5C !important;}'
  93. 	+
  94. 	'h3 {border-bottom: 2px solid #3A4C5C !important;}'
  95. 	+
  96. 	'ul.lang > li ul {background-color: #283033 !important; color: #DDD !important;}'
  97. 	+
  98. 	'ul.lang > li ul li:hover {background: #34454D !important; color: #DDD !important;}'
  99. 	+
  100. 	'ul.lang > li ul li {border-bottom: 1px solid #455B66 !important; color: #DDD !important;}'
  101. 	+
  102. 	'.search-button {background-color: #4B9BB1 !important;}'
  103. 	+
  104. 	'.microheader-wrap, .footer-wrapper, .follow-buttons {background-color: #27343B !important;}'
  105. 	+
  106. 	'h2, h1, .footer-menu ul li a, .chosen, label, textarea, .txt, .textcontent a, .textcontent table tbody tr td, .textcontent p {color: #97CFDB !important;}'
  107. 	+
  108. 	'.cats {border-bottom: 1px solid #3E5E69 !important;}'
  109. 	+
  110. 	'.current_box {background-color: #27343B !important; border-bottom: 1px solid #2A586B !important;}'
  111. 	+
  112. 	'.answer_box {background-color: #0D0D0D !important;}'
  113. 	+
  114. 	'.micro-content .content .title, .micro-content .content h1 {border-bottom: 1px solid #21485A !important;}'
  115. 	+
  116. 	'.micro-content .content .question .choices_wrap a.quest_a:hover {background: #27363E url("/ZJb/images/faq-q-hover.png") no-repeat scroll right center !important; color: #C6D7E0 !important;}'
  117. 	+
  118. 	'.choices_wrap a.quest_a {border-bottom: 1px solid #13232C !important;}'
  119. 	+
  120. 	'.follow-line {background-color: #51778C !important;}'
  121. 	+
  122. 	'.flag {background: #36668F !important;}'
  123. 	+
  124. 	'.lang-box, .input-wrap {background: #13191D !important; box-shadow: 0px 1px 0px 0px #1A2023 !important;}'
  125. 	+
  126. 	'.footer-menu ul li a.active {border-bottom: 1px solid #779BB6 !important;}'
  127. 	+
  128. 	'.each-lang.current:hover {background: #304550 !important;}'
  129. 	+
  130. 	'.lang-box .other-langs {background: rgb(30, 45, 53) !important; box-shadow: 0px 1px 0px 0px #1A2023 !important;}'
  131. 	+
  132. 	'.first-col, .second-col, .third-col, .fourth-col, .fifth-col, .sixth-col, .seventh-col, .eighth-col {border-bottom: 1px solid #215078 !important;}'
  133. 	+
  134. 	'.ltr, #p_crypto .crypto_price_btn span, #p_crypto .crypto_free_btn span {color: #CBE5F0 !important;}'
  135. 	+
  136. 	'.contact-page .content, .press .content, .micro-content-wrap .content, .press_page_wrap {background: #0D0D0D !important;}'
  137. 	+
  138. 	'.form-control, .micro-content .content input, .micro-content .content select, .micro-content .content textarea {border: 1px solid #257195 !important;}'
  139. 	+
  140. 	'textarea {background: #617E8A !important;}'
  141. 	+
  142. 	'.elm-1, .elm-2, .elm-3 {color: #36545A !important;}'
  143. 	+
  144. 	'.btn-box-holder {background-color: #233530 !important;}'
  145. 	+
  146. 	'.content-box {background-color: #0E1518 !important;}'
  147. 	+
  148. 	'#p_crypto .section-2, #p_crypto .section-5, #p_crypto .section-7, #p_crypto .section-11 {background-color: #233530 !important;}'
  149. 	+
  150. 	'.small-box-12 .txt, .section-4 .txt p, .section-6 .txt p {color: #A6C1C6 !important;}'
  151. 	+
  152. 	'.t_bottom_txt {color: #19282F !important;}'
  153. 	+
  154. 	'.top-btn-box, .business-bg-2.loaded, .business-bg-3.loaded, .business-bg-1, .desktop-bg-2.loaded {opacity: .65 !important;}'
  155. 	+
  156. 	'.inner-box p, .green-sep p {color: #263039 !important;}'
  157. 	+
  158. 	'#p_business .section-4, #p_business .section-6 {background-color: #233136 !important;}'
  159. 	+
  160. 	'.section-7 {border-top: 1px solid #273B4E !important;}'
  161. 	+
  162. 	'.big-box-6 p {color: #ABBAC8 !important;}'
  163. 	+
  164. 	'.small-box-12 p, .business-bg-3 p {color: #263039 !important;}'
  165. 	+
  166. 	'.breadcrumb {background: #2C3942 !important;}'
  167. 	+
  168. 	'.breadcrumb a {background: #244050 !important;}'
  169. 	+
  170. 	'.payment-heading .inner {background-color: #0D0D0D};}'
  171. 	+
  172. 	'.pricing-crypto .pbox, h4.info {border-color: #5E6F3D !important; background-color: #353E25 !important;}'
  173. 	+
  174. 	'.pricing .pricing-crypto .pbox p.info, #p_desktop .section-6 p {color: #97C4D4 !important;}'
  175. 	+
  176. 	'.payment_box {border: 1px solid #2F4B54 !important; background: #4F5B63 !important;}'
  177. 	+
  178. 	'.desktop-bg-1 h1, .desktop-bg-1 h2, .drive_avail, #p_desktop .section-1 p {color: #D4E4EC !important;}'
  179. 	+
  180. 	'#p_desktop .section-1 {background-color: #11171A !important;}'
  181. 	+
  182. 	'#p_desktop .section-6 {border-bottom: 1px solid #345263 !important;}'
  183. 	+
  184. 	'#p_desktop .section-3 {background-color: #28404A !important;}'
  185. 	+
  186. 	'.sep {opacity: 0 !important; display: none !important;}'
  187. 	+
  188. 	'.desktop-bg-2, .desktop-bg-2 p, .section-4 p {color: #263039 !important;}'
  189. 	+
  190. 	'.blue_top {border-bottom: 1px solid #345A6C !important;}'
  191. 	+
  192. 	'.btn_dropdown {border: 1px solid #284556 !important;}'
  193. 	+
  194. 	'.blue_list {background: #555 !important;}'
  195. 	+
  196. 	'.blue_btn_drop {background: #293944 !important; border: 1px solid #375E7A !important;}'
  197. 	+
  198. 	'.blue_top {color: #DDD !important;}'
  199. 	+
  200. 	'.gear_inner {background-color: #3B5E6C !important; border-bottom: 1px solid #2E3841 !important; border-left: 1px solid #2E3841 !important; border-right: 1px solid #2E3841 !important;}'
  201. 	+
  202. 	'#p_mobile .small-box-12 p, #p_mobile .section-3 p, #p_mobile .section-1 p, #p_mobile .section-5 p, #p_mobile .section-7 p {color: #B9D0E4 !important;}'
  203. 	+
  204. 	'img {opacity: .85 !important;}'
  205. 	+
  206. 	'#p_mobile .section-5 {background-color: #0E1518 !important;}'
  207. 	+
  208. 	/* COLOR LIGHT */ '#p_web .section-7 p, #p_web .section-4 p, .notifylist-text, .notifylist-text b, .tggl {color: #B9D0E4 !important;}'
  209. 	+
  210. 	/* COLOR DARK */ ''
  211. 	+
  212. 	'#p_web .section-2, #p_web .section-4 {background-color: #17242A !important;}'
  213. 	+
  214. 	'.pbox {border-right: 1px solid #2D3B4A !important; opacity: .65}'
  215. 	+
  216. 	'.pbox {border-right: 1px solid #2D3B4A !important;}'
  217. 	+
  218. 	'.pbox.pbox-free.current .btn {background-color: #3E2B2B !important;}'
  219. 	+
  220. 	'.pricing-crypto .pbox {border-color: #5C654C !important; background-color: #35411D !important;}'
  221. 	+
  222. 	'.info-more-storage, h4.info {background-color: #26313B !important;}'
  223. 	+
  224. 	'.notifylist {background: #28343B !important;}'
  225. 	+
  226. 	'.notifylist-header {background-image: -moz-linear-gradient(50% 0% -90deg, #3E6069 0%, #263850 100%) !important; border-bottom: 1px solid #052E45 !important;}'
  227. 	+
  228. 	'.notifylist-item {background-color: #2A393E !important; border-bottom: 1px solid #152333 !important; color: #DDD !important;}'
  229. 	+
  230. 	'.notifylist-item:hover {background-color: #25575C !important;}'
  231. 	+
  232. 	'.modal-content {background: #37464A !important;}'
  233. 	+
  234. 	'.butt-area {background: #272829 !important;}'
  235. 	+
  236. 	'.album h4 {border-top: 1px solid #2E5460 !important; border-bottom: 1px solid #2E5460 !important; background: #1D2732 !important;}'
  237. 	+
  238. 	'.share-opts {background-color: #283D4A !important; color: #DDD !important;}'
  239. 	+
  240. 	'.cheader_up {background-color: #222A2A !important; border-color: #446C83 !important;}'
  241. 	+
  242. 	'.lastsel td {background: #172F4A !important;}'
  243. 	+
  244. 	'.ctrlcell span, .trg {background-color: #222A2A !important; border-color: #446C83 !important; color: #DDD !important; text-shadow: none !important;}'
  245. 	+
  246. 	'.infocell, .ftitle, .foldr {color: #DDD !important; text-shadow: none !important;}'
  247. 	+
  248. 	'.modal-files, .folderlist {border-top: 1px solid #4D5A66 !important; border-bottom: 1px solid #4D5A66 !important; background: #2D3D47 !important; color: #DDD !important;}'
  249. 	+
  250. 	'.modal {background: #293D3F !important;}'
  251. 	+
  252. 	'.share-all {background: #252D32 !important;}'
  253. 	+
  254. 	'.share-collaborators-list {border: 1px solid #254D6F !important; background: #324451 !important;}'
  255. 	+
  256. 	'.combo-contain {background: #324451 !important; border: 1px solid #254D6F !important;}'
  257. 	+
  258. 	'.combo-contain.focu {border: 1px solid #345565 !important; background-color: rgb(46, 61, 65) !important; opacity: .6 !important; color: #333 !important;}'
  259. 	+
  260. 	'.focu input {background: #21282F !important;}'
  261. 	+
  262. 	'.share-add textarea {border-color: #355B74 !important;}'
  263. 	+
  264. 	'.share-collaborators-list .share-entity .entity-permission .perm_box:hover, .share-add-holder .share-add-perm .perm_box:hover, .share-collaborators-list .share-entity .entity-permission .perm_box.opn, .share-add-holder .share-add-perm .perm_box.opn {background: #2D4148 !important; color: #DDD !important;}'
  265. 	+
  266. 	'.buy_crypto img {background: #608698 !important; padding: .5em !important; border-radius: 8px !important;}'
  267. 	+
  268. 	'.msg {background-color: #256475 !important; border: 1px solid #5E93BA !important; color: #DDD !important;}'
  269. 	+
  270. 	'.ico {background-color: #1BCED8 !important;}'
  271. 	+
  272. 	'.uplinfo {background: #282F2F !important;}'
  273. 	+
  274. 	'.pbox ul li, .pbox h3, .buy_box, .expired_txt {color: #555 !important;}'
  275. 	+
  276. 	'#main {border-right: 1px solid #2D404B !important;}'
  277. 	+
  278. 	'.widget li a:hover, a[rel="tag"] {color: #B8CAD5 !important;}'
  279. 	+
  280. 	'article[id*="post-"] {border-bottom: 1px solid #3B4E57 !important;}'
  281. 	+
  282. 	'footer[role="contentinfo"] {background-color: #1C4042 !important;}'
  283. 	+
  284. 	'.pagination li a {background-color: #1C4042 !important; color: #BCC6CE !important;}'
  285. 	+
  286. 	'.custom-background {background-color: #2F4853 !important;}'
  287. 	+
  288. 	'.page-header {border-bottom: 1px solid #394A54 !important;}'
  289. 	+
  290. 	'.entry-meta a, .category-archive-meta a, .more-link:hover, #sidebar .widget li a, .commentlist .vcard cite.fn a:hover, a:hover {color: #C9D4E0 !important;}'
  291. 	+
  292. 	'li.transfer.active, .secure-transfer.active {background: #407892 !important;}'
  293. 	+
  294. 	'.right_box input, .right_box textarea {border: 1px solid #28636F !important;}'
  295. 	+
  296. 	'.top_h1 span, .top_h2 span, .header_reg_link, .text, .txt h3, .txt ul li, .cont_inner, .cont_inner div, .cont_inner ul li {color: #DDD !important;}'
  297. 	+
  298. 	'.cont_wrap .section._1, .cont_wrap .section._3, .cont_wrap .section._5, .cont_wrap .section._7 {background-color: #21292F !important; border-bottom: 1px solid #163848 !important;}'
  299. 	+
  300. 	'.footer_in .s_btn {background: #1E6586 !important; border-color: #223E59 !important;}'
  301. 	+
  302. 	'.form_wrap .sep {background-color: #44697D !important;}'
  303. 	+
  304. 	'.footer_box {border-top: 1px solid #35667A !important; border-bottom: 1px solid #35667A !important;}'
  305. 	+
  306. 	'.top_h2 {border-bottom: 1px solid #395A72 !important;}'
  307. 	+
  308. 	'input:focus, textarea:focus {background-color: #2E4653 !important; border: 1px solid #3F6784 !important;}'
  309. 	+
  310. 	'.cont_wrap .section {background: #171F24 !important;}'
  311. 	+
  312. 	'.section._3 .box {background-color: #333F47 !important;}'
  313. 	+
  314. 	'.section._3 .txt ul {background-color: #333F47 !important;}'
  315. 	+
  316. 	'.section._5 .inner {background-color: #294B71 !important;}'
  317. 	+
  318. 	'.section._6 {background-color: #13181B !important;}'
  319. 	+
  320. 	'.cont_wrap .section._6 a, .cont_wrap .section._6 span {color: #A7CEE7 !important;}'
  321. 	+
  322. 	'.cont_wrap .section {border-bottom: 1px solid #284974 !important;}'
  323. 	+
  324. 	'.menu ul, .menu_mob ul {background-color: #334B5F !important; border: 1px solid #2A5F93 !important;}'
  325. 	+
  326. 	'.menu ul li a, .menu_mob ul li a {border-bottom: 1px solid #4E5E6C !important;}'
  327. 	+
  328. 	'.mid-content h3 {color: rgb(203, 227, 239) !important;}'
  329. 	+
  330. 	'.crypto_features ul li {#555 !important;}'
  331. 	+
  332. 	'.left .menu ul, .left .menu_mob ul {background-color: rgba(51, 75, 95, 0) !important; border: 1px solid rgba(42, 95, 147, 0) !important;}'
  333. 	+
  334. 	'.share-opts.has {border-color: #3F7486 !important;}'
  335. 	+
  336. 	'div.ctrlcell span, div.ctrlcellmore span {border: 1px solid #1E5A72 !important; background-image: linear-gradient(180deg, #2363B6 0%, #2E404B 100%) !important;}'
  337. 	+
  338. 	'.lgrgwrap {background: #2C3F4D !important; border-bottom: 1px solid #112E47 !important;}'
  339. 	+
  340. 	'.login-fields, .register-fields {background: #2C3F4D !important; border-top: 1px solid #53738A !important; border-bottom: 1px solid #53738A !important;}'
  341. 	+
  342. 	'.forgotpass {color: #DDD !important;}'
  343. 	+
  344. 	'label, .forgotpass, .copyright {text-shadow: none !important;}'
  345. 	+
  346. 	'.login-fields input, .register-fields input, .genericContainer input {box-shadow: 0px 1px 0px rgba(32, 35, 39, 0.5), 0px 2px 1px rgba(23, 42, 56, 0.35) inset !important;}'
  347. 	+
  348. 	'.checkeredbackground {opacity: .05 !important;}'
  349. 	+
  350. 	'.sharepublinknew, .dataandshortlink, .shareresults {background: #21323E !important;}'
  351. 	+
  352. 	'textarea {border-color: #1D576B !important;}'
  353. 	+
  354. 	'.publinkbottom {border-top: 1px solid #273D4A !important; background: #1D242A !important;}'
  355. 	+
  356. 	'.modal a {color: #B9C8D7 !important;}'
  357. 	+
  358. 	'.data {border-bottom: 1px solid #42586E !important;}'
  359. 	+
  360. 	'.sharebutton, .successBox {background-color: #387D9E !important;}'
  361. 	+
  362. 	'*::-moz-selection {background: #25374E !important;}'
  363. 	+
  364. 	'.desktop-bg-2 {background-color: #1A2D35 !important;}'
  365. 	+
  366. 	'.upload .status, .pupload .pupstatus {background: #293236 !important;}'
  367. 	+
  368. 	'.upload .tabcontrols {background: #15222C !important;}'
  369. 	+
  370. 	'.upload-container {background: #15222C !important;}'
  371. 	+
  372. 	'.upload .tabcontrols div.tabcontent {border-color: #406B83;}'
  373. 	+
  374. 	'.ina, .dropzone {background: #15222C !important;}'
  375. 	+
  376. 	'.menu .ina {background: rgba(0,0,0,0) !important;}'
  377. 	+
  378. 	'.tabcontent {border-color: #486680 !important;}'
  379. 	+
  380. 	'.dropzone {border: 2px dashed #356C7B !important;}'
  381. 	+
  382. 	'.dropzone:hover {background: #1B374B !important;}'
  383. 	+
  384. 	'.upload .status .progress, .pupload .pupstatus .progress, .home-bg-2.loaded, .home-bg-3.loaded {opacity: .85 !important;}'
  385. 	+
  386. 	'.upload .status .file, .pupload .pupstatus .file {border-bottom: 1px solid #3B6575 !important;}'
  387. 	+
  388. 	'.mobile-bg-3 h3 {color: rgb(68, 86, 90) !important;}'
  389. 	+
  390. 	'.footer-menu ul li a, .home_h1, .home_h2 {color: #98C0CB !important;}'
  391. 	+
  392. 	'.note, .gear_name, .avail_for, .load-bg p, .textcontent h3, .pcloud-accordion > div > div p, .space-note {color: #DDD !important;}'
  393. 	+
  394. 	'.micro-content .content .contactinv, .micro-content .content .contactsuccess {border-bottom: 1px solid #21485A !important;}'
  395. 	+
  396. 	'.content select {background-color: #617E8A !important;}'
  397. 	+
  398. 	'._gear .gear_inner .gear_top.nam {border-bottom: 1px solid #25425C !important;}'
  399. 	+
  400. 	'.logout_btn {border-top: 1px solid #21435C !important;}'
  401. 	+
  402. 	'.each-lang:hover {background: #2D5777 !important;}'
  403. 	+
  404. 	'.menu b, .menu_mob b, #p_home .section-1.loaded {background-image: none !important;}'
  405. 	+
  406. 	'.home-bg-2 p, .home-bg-3 p {color: #333 !important;}'
  407. 	+
  408. 	'#p_home .section-4 .current._1 .button, #p_home .section-4 .current._1 .button:hover {background-color: rgb(72, 59, 48) !important;}'
  409. 	+
  410. 	'.modal .sharetbl, .modal .sharetbl td {background: #263236 !important; border-bottom: 1px solid #2F4D5D !important;}'
  411. 	+
  412. 	'.modal-small {background: #15191A !important;}'
  413. 	+
  414. 	'.folderlist .sel {background: #16272F !important;}'
  415. 	+
  416. 	'.sel td {background: #234756 !important;}'
  417. 	+
  418. 	'.gridbox {border: 1px solid #35555D !important;}'
  419. 	+
  420. 	'.afinfo {border-top: 1px solid #273542 !important;}'
  421. 	+
  422. 	'.gridbox.sel {background: #293D48 !important; border: 1px solid #2B587E !important;}'
  423. 	+
  424. 	'.pcloud-accordion > div {border-bottom: 1px solid #324D5F !important;}'
  425. 	+
  426. 	'.pcloud-accordion > div.opened > h2.help-info-icon {background-color: #305462 !important;}'
  427. 	+
  428. 	'.pcloud-accordion > div.opened > div, .pcloud-accordion > div.changing > div {background: #111A1B !important;}'
  429. 	+
  430. 	'.pcloud-accordion > div > div .help-line-top {border-top: 1px solid #121F23 !important;}'
  431. 	+
  432. 	'.pcloud-accordion h3, .content ol li, .terms_privacy_header a {color: #9EC7DE !important;}'
  433. 	+
  434. 	'.pcloud-accordion > div > h2:hover {background-color: #2B4560 !important;}'
  435. 	+
  436. 	'.centertabs .tbs {border-bottom: 1px solid #254556 !important;}'
  437. 	+
  438. 	'.explain {border: 1px solid #2C414E !important; background: #263C4B !important; color: #9EC7DE !important;}'
  439. 	+
  440. 	'.space-header {opacity: .85 !important;}'
  441. 	+
  442. 	'.space-list li {background-color: #282F2F !important; border-bottom: 1px solid #394F5C !important;}'
  443. 	+
  444. 	'.space-list a, .help-text, ._18n {color: #CBDBEA !important;}'
  445. 	+
  446. 	'#space-content h3, .invite-form, .invites-header {background-color: #395C5F !important; border-top: 1px solid #1E4A4E !important; border-bottom: 1px solid #1E4A4E !important;}'
  447. 	+
  448. 	'.second-headline {border-top: 1px solid #374B53 !important;}'
  449. 	+
  450. 	'#invites li {background-color: #2A4651 !important; border-bottom: 1px solid #12313F !important;}'
  451. 	+
  452. 	'.space-header ._18n {color: #25374E !important;}'
  453. 	//+
  454. 	//'body {display: none !important;}'
  455. );