Nighty-night Google Docs

Write at night comfortably!

当前为 2016-04-02 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Nighty-night Google Docs
  3. // @namespace https://github.com/KeyWeeUsr/Userscripts
  4. // @version 1.0
  5. // @description Write at night comfortably!
  6. // @author Peter Badida
  7. // @copyright 2016+, Peter Badida
  8. // @license GNU GPLv3
  9. // @homepage https://github.com/KeyWeeUsr/Userscripts/tree/master/Nighty-night-Google-Docs
  10. // @supportURL https://github.com/KeyWeeUsr/Userscripts/issues
  11. // @include https://*docs.google.*/document/*
  12. // @include https://*docs.google.*/sharing/*
  13. // @include https://*docs.google.*/e/organize*
  14. // @include https://*docs.google.*/picker*
  15. // @include https://*docs.google.*/drawings/*
  16. // @include https://*.google.*/webstore/wall/widget?container=GOOGLE_DOCUMENT*ref=https%3A%2F%2Fdocs.google.*
  17. // @grant GM_addStyle
  18. // ==/UserScript==
  19. /* jshint -W097 */
  20. 'use strict';
  21.  
  22. (function () {
  23. var css = "\
  24. img#kwu_av:hover {opacity: 1 !important;}\
  25. \
  26. /*TOOLBAR*/\
  27. div#docs-chrome, div#docs-toolbar-wrapper, div#docs-title-widget div.goog-inline-block, \
  28. div.goog-toolbar {\
  29. color: #777777 !important;\
  30. background-color: #0c0c0c !important;\
  31. background-image: none !important;\
  32. border: 0;\
  33. box-shadow: none;\
  34. }\
  35. div#docs-branding-container.docs-branding-documents {\
  36. background-color: #242424 !important;\
  37. background: #242424;\
  38. }\
  39. div.docs-icon-folder-solid {\
  40. background-color: #696969 !important;\
  41. }\
  42. div.jfk-activityIndicator-circle {\
  43. background-color: #696969;\
  44. }\
  45. div#docs-toolbar {\
  46. background-color: #191919 !important;\
  47. border: 0 !important;\
  48. }\
  49. input.goog-toolbar-combo-button-input, input.docs-title-input:focus {\
  50. color: #333333 !important;\
  51. border-color: gray !important;\
  52. }\
  53. div.goog-toolbar-menu-button-caption {\
  54. color: #333333 !important;\
  55. border-color: gray !important;\
  56. }\
  57. div.goog-toolbar-separator{\
  58. visibility: hidden;\
  59. }\
  60. div.goog-toolbar-combo-button {\
  61. background: #696969 !important;\
  62. }\
  63. div#boldButton, div#undoButton, div#redoButton, div#printButton, div#formatPainterButton, \
  64. div#underlineButton, div#textColorButton, div#insertLinkButton, div#insertCommentButton, \
  65. div#alignLeftButton, div#alignCenterButton, div#alignRightButton, div#alignJustifyButton, \
  66. div#addNumberedBulletButton, div#addBulletButton, div#bulletListPresetButton, div#outdentButton, \
  67. div#indentButton, div#clearFormattingButtonButton, div#viewModeButton {\
  68. background-color: #696969 !important;\
  69. border: 0;\
  70. color: #333333 !important;\
  71. }\
  72. \
  73. /*BUTTONS*/\
  74. div.goog-toolbar-button, div.goog-toolbar-menu-button {\
  75. background-color: #696969 !important;\
  76. border: 0;\
  77. color: #333333 !important;\
  78. }\
  79. div.jfk-button-disabled{\
  80. background:#898989 !important;\
  81. background-image: none;\
  82. }\
  83. div#picker:ap:1, div.jfk-button, div.jfk-button-mini, div.picker-min-arrow-inner {\
  84. color: #333333 !important;\
  85. background-color: #696969 !important;\
  86. background-image: none !important;\
  87. border: 0 !important;\
  88. }\
  89. div.jfk-button:hover {\
  90. color: #333333 !important;\
  91. background-color: #f8f8f8 !important;\
  92. background-image: none !important;\
  93. border: 0 !important;\
  94. }\
  95. div.jfk-button-standard.jfk-button-hover, div.jfk-button-hover {\
  96. background-color: #f8f8f8 !important;\
  97. background-image: none !important;\
  98. }\
  99. div.goog-flat-menu-button {\
  100. color: #333333 !important;\
  101. background-color: #696969 !important;\
  102. background-image: none !important;\
  103. border: 0 !important;\
  104. }\
  105. div.goog-toolbar-combo-button-hover, div.goog-flat-menu-button-hover {\
  106. background-color: #f8f8f8 !important;\
  107. background-image: none !important;\
  108. }\
  109. div.jfk-button-standard{\
  110. background-color:#696969;\
  111. background-image: none;\
  112. border: 0 !important;\
  113. }\
  114. \
  115. /*MENUBAR*/\
  116. div.goog-menuseparator {\
  117. border:0;\
  118. }\
  119. div.goog-menuitem {\
  120. color: #777777 !important;\
  121. }\
  122. div.goog-menuitem-disabled > div > span, div.goog-menuitem-disabled > div >.goog-menuitem-accel {\
  123. color: #494949 !important;\
  124. }\
  125. div#docs-menu-shield, div.goog-menu-vertical {\
  126. background-color: #242424 !important;\
  127. background: #242424;\
  128. }\
  129. \
  130. /*MODAL SHARE*/\
  131. div.modal-dialog, div.modal-dialog-title, div.modal-dialog-content, div.modal-dialog-bg {\
  132. color:#777777;\
  133. background: #393939 !important;\
  134. background-color: #393939 !important;\
  135. border-bottom: 0 !important;\
  136. }\
  137. div.modal-dialog-content > body {\
  138. background-color: #393939 !important;\
  139. border-top:0;\
  140. }\
  141. span.apc-name {\
  142. color: #777777 !important;\
  143. }\
  144. div.permissions-list-container, div.permissions-list > td{\
  145. border: 0 !important;\
  146. }\
  147. textarea.simple-sharing-note-text-area {\
  148. background-color: #777777 !important;\
  149. }\
  150. div.inviter-role-area > div.goog-flat-menu-button {\
  151. color: #333333 !important;\
  152. background-color: #696969 !important;\
  153. background-image: none !important;\
  154. border: 0 !important;\
  155. } \
  156. div.ia-invite-controls-area {\
  157. background-color: #393939 !important;\
  158. }\
  159. div.link-management-select, div.jfk-button-action, button.simple-sharing-primary-button {\
  160. color: #333333;\
  161. background: #696969 !important;\
  162. background-color: #696969 !important;\
  163. border: 0 !important;\
  164. background-image: none !important;\
  165. }\
  166. div.inviter-role-area > div.goog-flat-menu-button-hover, div.link-management-select:hover {\
  167. background-color: #f8f8f8 !important;\
  168. background-image: none !important;\
  169. border: 0 !important;\
  170. }\
  171. div.link-management-url-container {\
  172. border-color: #696969 !important;\
  173. }\
  174. td.vs-learn-more-text > a, a.ap-learn-more-link, div.share-fmb, div.vs-info-text > a, \
  175. a.simple-sharing-link-sharing-learn-more, span.vpc-change-link {\
  176. color: #777777 !important;\
  177. }\
  178. \
  179. /*MODAL OPEN IMAGE*/\
  180. div.d-u-F, div.d-u-Q {\
  181. color: #333333 !important;\
  182. background-color: #696969 !important;\
  183. background-image: none;\
  184. border: 0 !important;\
  185. }\
  186. div.pg-rg-Zb-Ef, div.d-u-F.d-u-v, div.d-u-Q.d-u-v {\
  187. color: #333333 !important;\
  188. background-color: #f8f8f8 !important;\
  189. background-image: none;\
  190. border: 0 !important;\
  191. box-shadow: none !important;\
  192. -webkit-box-shadow: none !important;\
  193. }\
  194. div.pg-vg-Ef, div.Pl-pf-Jd-qe, div.Pl-Rl-Zb-Ef, div.Pl-Ul-Ef, div.Pl-Sl-hc,\
  195. div.Jd-Od-nc-w {\
  196. background-color: #393939 !important;\
  197. background-image: none;\
  198. border: 0 !important;\
  199. box-shadow: none !important;\
  200. -webkit-box-shadow: none !important;\
  201. }\
  202. td.mg-Fc-Zf-nn-ff {\
  203. border-color: #333333 !important;\
  204. }\
  205. div.a-kb, div.Pl-Rt-qe {\
  206. background-color: #242424 !important;\
  207. }\
  208. /*blue strip*/\
  209. div.Pl-Pt .Pl-Yn-ub-v .Pl-Yn-ub-tb {\
  210. background-color: #242424 !important;\
  211. }\
  212. div.pg-sh-Dg, div.pg-Xg, div.a-ub, div.a-ub-T, div.a-qk, div.a-qk-w, div.a-qk-v,\
  213. label.Pl-Fm-Pe {\
  214. color: #777777 !important;\
  215. border-color: #777777 !important;\
  216. }\
  217. .Pl-fr-tm-E .Pl-fr-tm-Ae, input.pg-ih-w, div.pg-rg-Zb-wc {\
  218. border-color: #777777 !important;\
  219. }\
  220. div.Pd-ke-ve-Oc-Kc, div.Pl-Eq-tm-Eq-le, input.Pl-Vm-Qc-qb, input.Pl-Fm-Qc {\
  221. background-color: #777777 !important;\
  222. border: 0 !important;\
  223. }\
  224. div.pg-eb-Kc {\
  225. color: #777777 !important;\
  226. border: 0 !important;\
  227. }\
  228. div.Pd-ke-he-f-Kc {\
  229. background-color: #595959 !important;\
  230. color: #777777;\
  231. }\
  232. div.picker.modal-dialog {\
  233. border:0;\
  234. }\
  235. div.Pl-Ql-pf Pl-Rl-Zb-Ef {\
  236. border-bottom: 2px solid #777777 !important;\
  237. }\
  238. div.Pd-ke-he-cb-Kc {\
  239. background-color: #595959 !important;\
  240. border: 0;\
  241. }\
  242. div.oe-pe-td .Jd-If-pe-Kc, div.oe-pe-Qb .Jd-If-pe-Kc {\
  243. background-color: #595959 !important;\
  244. border: 0;\
  245. }\
  246. \
  247. /*MODAL FILE BROWSER*/\
  248. div.goog-tree-root {\
  249. border: 0 !important;\
  250. }\
  251. div.folder-creation-link, div.folder-creation-link:hover {\
  252. color: #777777 !important;\
  253. }\
  254. div.folders-popup-summary{\
  255. background: transparent !important;\
  256. }\
  257. div.folders-popup{\
  258. background-color: #757575;\
  259. }\
  260. \
  261. /*REVISIONS*/\
  262. div.docs-revisions-default-color {\
  263. background-color: #222222 !important;\
  264. }\
  265. div#docs-revisions-sidebar {\
  266. background-color: #555555 !important;\
  267. border-left: 0;\
  268. }\
  269. div#docs-revisions-sidebar-header {\
  270. background-color: #191919 !important;\
  271. border: 0 !important;\
  272. }\
  273. div.docs-revisions-tile {\
  274. border: 0;\
  275. }\
  276. span.docs-revisions-tile-link {\
  277. color: #777777 !important;\
  278. }\
  279. div.docs-revisions-tile-selected {\
  280. background-color: #424242 !important;\
  281. }\
  282. div.goog-sa-pane-inner {\
  283. background-color: #242424 !important;\
  284. background: #242424;\
  285. }\
  286. \
  287. /*PUBLISH*/\
  288. div.modal-dialog > a {\
  289. color: #777777 !important;\
  290. }\
  291. hr.pub-dialog-sep {\
  292. border-top-color: #777777 !important;\
  293. }\
  294. div.goog-tab-hover, div.goog-tab.pub-dialog-tab.goog-tab-selected {\
  295. border: 0 !important;\
  296. background: #696969 !important;\
  297. }\
  298. \
  299. /*MAIL ATTACHMENT*/\
  300. textarea.email-attach-medium-text-area {\
  301. background-color: #595959 !important;\
  302. border-color: #777777 !important;\
  303. }\
  304. \
  305. /*PAGE SETTINGS*/\
  306. div.goog-menu {\
  307. background: #333333 !important;\
  308. }\
  309. \
  310. /*DOCUMENT*/\
  311. a, a:link, a:hover, a:visited {\
  312. color: #777777 !important;\
  313. }\
  314. body {\
  315. background-color: #393939 !important;\
  316. color: #777777 !important;\
  317. }\
  318. .docs-bubble-link, .docs-bubble a {\
  319. color: #777777 !important;\
  320. }\
  321. div#docs-editor, div#docs-editor-container {\
  322. background-color: black !important;\
  323. }\
  324. div#kix-appview {\
  325. background-color: #151515 !important;\
  326. }\
  327. div#docs-equationtoolbar {\
  328. background: #0c0c0c !important;\
  329. border: 0 !important;\
  330. }\
  331. div.kix-page-paginated {\
  332. box-shadow: none !important}\
  333. div.kix-print-block, div.kix-page-content-wrapper {\
  334. background-color: #555555 !important;\
  335. }\
  336. td.kix-documentmetricsdialog-row {\
  337. border-bottom-color: #777777 !important;\
  338. }\
  339. \
  340. /*FIND-REPLACE*/\
  341. div.kix-findselectionprovider-underlay-match, div.kix-findandreplaceoverlayprovider-match, \
  342. div.kix-selection-overlay {\
  343. background-color: #444444 !important;\
  344. border-color: #444444;\
  345. }\
  346. table.docs-findinput-container, table.docs-findinput-container-focus {\
  347. background-color: #777777 !important;\
  348. border: 0;\
  349. }\
  350. \
  351. /*TABLES*/\
  352. td.goog-palette-cell {\
  353. background-color: #999999 !important;\
  354. }\
  355. td.goog-palette-cell:hover {\
  356. background-color: #FFFFFF !important;\
  357. }\
  358. div.kix-equation-toolbar-palette-item {\
  359. border: 0 !important;\
  360. }\
  361. div.goog-dimension-picker-unhighlighted {\
  362. background-color: #777777 !important;\
  363. }\
  364. \
  365. /*COMPACT TOOLBAR*/\
  366. div.ac-renderer {\
  367. background-color: #191919 !important;\
  368. border: 0 !important;\
  369. }\
  370. div.goog-menuitem-highlight {\
  371. background: #696969 !important;\
  372. border: 0;\
  373. }\
  374. \
  375. /*IMAGE*/\
  376. div.goog-slider-thumb, div.docs-rotationhandle-stick, div.docs-rotationhandle-circle, \
  377. div.docs-squarehandleselectionbox-handle{\
  378. background-color: #777777;\
  379. background-image: none;\
  380. }\
  381. div.docs-squarehandleselectionbox-border{\
  382. border-color: #777777;\
  383. }\
  384. div.docs-image-effect-sidebar, div.docs-image-effect-sidebar-scroll {\
  385. background-color:#333333;\
  386. border:0;\
  387. }\
  388. div.docs-image-effect-recolor-tile, div.docs-image-effect-adjustment-tile {\
  389. border:0;\
  390. background-color:#333333;\
  391. color: #666666 !important;\
  392. }\
  393. \
  394. /*BUBBLES*/\
  395. div.docs-bubble, span.docs-bubble-link, div.jfk-bubble {\
  396. border:0;\
  397. background-color:#333333;\
  398. color: #666666 !important;\
  399. }\
  400. div.docs-link-insertlinkbubble-suggestionholder, div.docs-link-linksuggestiongroup {\
  401. background-color: #333333 !important;\
  402. border: 0 !important}\
  403. div.jfk-bubble-arrowimplbefore, div.jfk-bubble-arrowimplafter {\
  404. border-color: #333333 transparent !important;\
  405. }\
  406. \
  407. /*COMMENTS*/\
  408. div.docos-anchoreddocoview-arrow-outer, div.docos-anchoreddocoview-arrow-inner {\
  409. border-right: 20px solid #393939 !important}\
  410. div.docos-streampane-content, div.docos-streampane-header {\
  411. border:0;\
  412. background-color:#333333;\
  413. color: #666666 !important;\
  414. }\
  415. div.docos-streampane-header .docos-new-comment-button, div.docos-streampane-header jfk-button {\
  416. background-color: #696969;\
  417. color: #333333 !important;\
  418. }\
  419. div.docs-docos-activitybox {\
  420. border: 0;\
  421. }\
  422. div.docos-streamdocoview {\
  423. border-top-color: #595959 !important;\
  424. }\
  425. div.docos-streamrootreplyview, div.docos-streamrootreplyview:hover, div.docos-streamreplyview, \
  426. div.docos-streamdocoview-inputcontainer, div.docos-overflowmenu-vertical, \
  427. div.docos-actionmenu-vertical {\
  428. background-color: #494949 !important;\
  429. }\
  430. div.docos-anchoredreplyview-author {\
  431. color: #777777 !important}\
  432. div.docos-docoview-reopen, div.docos-docoview-comment, div.docos-docoview-resolve, \
  433. div.docos-replyview-edit, div.docos-replyview-edit:hover, div.docos-replyview-delete, \
  434. div.docos-replyview-delete:hover, div.docos-showrepliesbutton-collapsed {\
  435. color: #777777 !important}\
  436. div.docos-anchoredreplyview, div.docos-anchoreddocoview-input-pane, div.docos-showrepliesbutton {\
  437. background-color: #393939 !important;\
  438. background: #393939 !important;\
  439. color: #777777 !important;\
  440. }\
  441. textarea.docos-input-textarea {\
  442. background-color: #777777 !important;\
  443. }\
  444. div.docos-anchoredreplyview, div.docos-showrepliesbutton {\
  445. border-bottom-color: #595959 !important;\
  446. }\
  447. div.docos-anchoredreplyview .docos-anchoredreplyview-body {\
  448. color: #777777 !important;\
  449. }\
  450. div.docs-docos-caret-outer, div.docs-docos-caret-inner {\
  451. border-color: #333333 transparent !important;\
  452. }\
  453. \
  454. /*SPECIAL CHARS*/\
  455. div.ita-cp-search, div.ita-cp-search.ita-cp-focus, div.ita-cp-hwt, input.ita-cp-input, \
  456. input.label-input-label {\
  457. background-color: #777777 !important;\
  458. border-color: #777777 !important;\
  459. }\
  460. div.goog-char-picker-hovercard {\
  461. border-color: #393939 !important;\
  462. background-color: #494949 !important;\
  463. }\
  464. \
  465. /*ALT TEXT*/\
  466. textarea#alt-text-dialog-description {\
  467. background-color: #696969 !important;\
  468. border: 0 !important;\
  469. }\
  470. \
  471. /*SPELL-CHECK*/\
  472. label.docs-spellcheckslidingdialog-title-text {\
  473. color: #666666 !important;\
  474. }\
  475. div.docs-slidingdialog {\
  476. border:0;\
  477. background-color:#333333;\
  478. color: #666666 !important;\
  479. }\
  480. td.docs-spellcheckslidingdialog-replacement-input-container {\
  481. background-color: #777777 !important;\
  482. border: 0;\
  483. }\
  484. div#docs-spellcheckslidingdialog-suggestion-list {\
  485. background: #595959 !important;\
  486. border: 0;\
  487. }\
  488. \
  489. /*RESEARCH*/\
  490. div.docs-reference-pane-container {\
  491. background-color: #333333;\
  492. border: 0;\
  493. }\
  494. div.goog-sa-pane-search {\
  495. background-color: #393939;\
  496. }\
  497. div.goog-sa-searchbox-back-button.jfk-button-disabled, div.goog-sa-searchbox-back-button, \
  498. div.goog-sa-searchbox-fwd-button.jfk-button-disabled, div.goog-sa-searchbox-fwd-button, \
  499. div.goog-sa-searchbox.goog-sa-component-online .goog-sa-searchbox-selectormenu, {\
  500. background-color: #898989 !important;\
  501. background: #898989 !important;\
  502. border: 1px solid #777777 !important;\
  503. border-right: none !important;\
  504. }\
  505. div.goog-sa-searchbox-container, div.goog-sa-searchbox-selectormenu {\
  506. border-color: #777777 !important;\
  507. background-color: #595959 !important;\
  508. }\
  509. div.goog-sa-settings-controls, div.goog-sa-settings-toggle-content, div.goog-sa-pane-search {\
  510. border-color: #777777 !important;\
  511. }\
  512. div.goog-sa-welcome-content>a, div.goog-sa-snippet-title-link, div.goog-sa-component-active, \
  513. .goog-sa-personal.goog-sa-component-active.goog-sa-component-online .goog-sa-snippet-title-link, \
  514. .goog-sa-personal .goog-sa-snippet-title-link, div.goog-sa-pane-title, \
  515. .goog-sa-content.goog-sa-common-heading .goog-sa-content-link {\
  516. color: #777777 !important;\
  517. }\
  518. div.goog-sa-previewpane-closestrip, div.goog-sa-previewpane, div.goog-sa-pane-attribution {\
  519. background-color: #393939 !important;\
  520. border-color: #777777 !important;\
  521. }\
  522. div.goog-sa-component-online.goog-sa-component-active.goog-sa-sectiongroup-heading, \
  523. div.goog-sa-snippet .goog-sa-button-bar, div.goog-sa-button-bar, \
  524. div.goog-sa-personal.goog-sa-component-active .goog-sa-button-bar {\
  525. background-color: #595959 !important;\
  526. border-color: #777777 !important;\
  527. }\
  528. div.goog-sa-sectiongroup-heading {\
  529. border: 0 !important;\
  530. }\
  531. div.goog-sa-common-heading {\
  532. background-color: transparent;\
  533. }\
  534. div.goog-sa-scrollfloater > div {\
  535. background-color: #393939 !important;\
  536. border-color: #777777 !important;\
  537. }\
  538. a.goog-sa-common-heading, .goog-sa-content-link, a.goog-sa-snippet-title-link, \
  539. a.goog-sa-snippet-title-link:hover, a.goog-sa-link {\
  540. color: #777777 !important;\
  541. text-decoration: underline !important;\
  542. }\
  543. div.goog-sa-component-online.goog-sa-component-focus.goog-sa-searchbox .goog-sa-searchbox-selectormenu, \
  544. div.goog-sa-component-online.goog-sa-component-active.goog-sa-snippet {\
  545. border-color: #777777 !important;\
  546. }\
  547. div.goog-sa-sneakpeek, div.goog-sa-sneakpeek:last-child {\
  548. background-color: #595959 !important;\
  549. border-top-color: #494949 !important;\
  550. border-bottom-color: #494949 !important;\
  551. }\
  552. \
  553. /*DEFINITION*/\
  554. div.goog-sa-definition {\
  555. border-color: #777777 !important;\
  556. }\
  557. \
  558. /*PREFS*/\
  559. div.docs-preferencesdialog-list-body {\
  560. background-color: #393939;\
  561. color: #757575 !important;\
  562. }\
  563. div.docs-preferencesdialog-list-body::-webkit-scrollbar-thumb {\
  564. border: 0 !important;\
  565. }\
  566. \
  567. /*USER DICTIONARY*/\
  568. div.docs-userdictionarydialog-row-container {\
  569. border: 0;\
  570. }\
  571. div.docs-userdictionarydialog-row-container:hover {\
  572. background: #696969 !important;\
  573. border: 0;\
  574. }\
  575. div.docs-userdictionarydialog-list-container {\
  576. border:0;\
  577. background-color:#333333;\
  578. color: #666666 !important;\
  579. }\
  580. div.docs-userdictionarydialog-button-add-container {\
  581. border: 0}\
  582. div.modal-dialog-buttons > button, button.goog-buttonset-action {\
  583. color: #333333 !important;\
  584. background: #696969 !important;\
  585. background-color: #696969 !important;\
  586. border: 0 !important;\
  587. background-image: none !important;\
  588. }\
  589. div.modal-dialog-buttons > button:hover, button.goog-buttonset-action:hover {\
  590. background-color: #f8f8f8 !important;\
  591. background-image: none !important;\
  592. border: 0 !important;\
  593. }\
  594. \
  595. /*WEBSTORE*/\
  596. span.g-aa-ca {\
  597. color: #333333;\
  598. background: #696969 !important;\
  599. background-color: #696969 !important;\
  600. border: 0 !important;\
  601. background-image: none !important;\
  602. }\
  603. span.g-aa-ca-l {\
  604. background-color: #f8f8f8 !important;\
  605. background-image: none !important;\
  606. border: 0 !important;\
  607. }\
  608. div.a-d-Ec {\
  609. background-color: #696969 !important;\
  610. border: 0 !important;\
  611. }\
  612. div.webstore-widget {\
  613. color:#777777;\
  614. background: #393939 !important;\
  615. background-color: #393939 !important;\
  616. border-bottom: 0 !important;\
  617. }\
  618. input.h-n-j-Qc-lc {\
  619. color: #777777 !important;\
  620. background-color: #595959 !important;\
  621. border: 0;\
  622. }\
  623. div.O-j {\
  624. background-color: #494949 !important;\
  625. border: 0 !important;\
  626. }\
  627. \
  628. /*KBSHORTCUTS*/\
  629. div.apps-shortcutshelppopup-ac-renderer {\
  630. background-color: #191919 !important;\
  631. border: 0 !important;\
  632. }\
  633. h3.apps-shortcutshelppopup-search-label, h3.apps-shortcutshelppopup-content-header, \
  634. h2.apps-shortcutshelppopup-dialog-title {\
  635. color: #777777 !important;\
  636. }\
  637. table.apps-shortcutshelppopup-content {\
  638. background-color: #393939;\
  639. color: #757575 !important;\
  640. }\
  641. td.apps-shortcutshelppopup-content-element, a.apps-shortcutshelppopup-help-center-link {\
  642. color: #757575 !important;\
  643. border: 0;\
  644. }\
  645. div.apps-shortcutshelppopup{\
  646. background-color:#242424 !important;\
  647. }\
  648. div.apps-shortcutshelppopup-header {\
  649. border: 0 !important;\
  650. }\
  651. \
  652. /*USERPANEL*/\
  653. div.gb_qb {\
  654. background: none !important;\
  655. }\
  656. div.gb_ga {\
  657. background: #242424 !important;\
  658. }\
  659. div.gb_nb, a.gb_b, #gb div.gb_eb.gb_eb a {\
  660. color: #888888 !important;\
  661. }\
  662. a.gb_pb.gb_pb {\
  663. background-color: #696969 !important;\
  664. border: 0;\
  665. color: #333333 !important;\
  666. }\
  667. a.gb_pb.gb_pb:hover {\
  668. color: #333333 !important;\
  669. background-color: #f8f8f8 !important;\
  670. background-image: none !important;\
  671. border: 0 !important;\
  672. }\
  673. div.gb_cb {\
  674. border-bottom-color: #242424 !important;\
  675. }\
  676. \
  677. /*RULER*/\
  678. div.kix-ruler-contributed-dragger-container, div#kix-ruler {\
  679. border:0;\
  680. background-color: #191919 !important;\
  681. }\
  682. div.kix-ruler-background-inner {\
  683. background-color: #555555 !important;\
  684. }\
  685. \
  686. /*INPUTS*/\
  687. input.docs-title-input {\
  688. color: #777777 !important;\
  689. background-color: #0c0c0c !important;\
  690. background-image: none !important;\
  691. border: 0;\
  692. box-shadow: none;\
  693. }\
  694. textarea.jfk-textinput, input.jfk-textinput, input.jfk-textinput:focus, div.inviter-recipient-area {\
  695. background-color: #595959 !important;\
  696. border: 0;\
  697. color: #333333 !important;\
  698. }\
  699. input.hsv-input {\
  700. color: #333333 !important;\
  701. background-color: #595959 !important;\
  702. border-color: gray !important;\
  703. }\
  704. /*NAVIGATION*/\
  705. div.docs-icon-close-thin {\
  706. background-color: #777777 !important;\
  707. }\
  708. div.navigation-widget-hat {\
  709. border-bottom: solid 1px #777777;\
  710. }\
  711. div.navigation-item-level-0 {\
  712. color: #777777 !important;\
  713. }\
  714. \
  715. "
  716. GM_addStyle(css);
  717. var panel=document.body;
  718. var av='<div style="position: absolute; left: 48.5vw; top: 1vh;"><a \
  719. href="https://github.com/KeyWeeUsr/Userscripts"><img id="kwu_av" style="opacity: 0.3;"\
  720. src="https://github.com/identicons/KeyWeeUsr.png" width="24"></img></a></div>';
  721. panel.insertAdjacentHTML('beforeend', av);
  722. })();
  723. /*
  724. Missing:
  725. 1) Help modal
  726. 2) Report modal
  727. Notify me if there's something missing/undesirable.
  728. */