☰

Nighty-night Google Docs

Write at night comfortably!

当前为 2016-03-08 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Nighty-night Google Docs
  3. // @namespace    https://github.com/KeyWeeUsr/Userscripts
  4. // @version      0.7
  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. /*TOOLBARy*/\
  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 {\
  84.     color: #333333 !important;\
  85.     background-color: #696969 !important;\
  86.     background-image: none !important;\
  87.     border: 0 !important;\
  88. }\
  89. div.jfk-button:hover, a.gb_nb.gb_nb: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. /*MENUBARy*/\
  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.pg-pf-Jd-qe, div.pg-rg-Zb-Ef {\
  195. 	background-color: #393939 !important;\
  196. 	background-image: none;\
  197. 	border: 0 !important;\
  198. 	box-shadow: none !important;\
  199. 	-webkit-box-shadow: none !important;\
  200. }\
  201. td.mg-Fc-Zf-nn-ff {\
  202. 	border-color: #333333 !important;\
  203. }\
  204. div.a-kb {\
  205. 	background-color: #242424 !important;\
  206. }\
  207. div.pg-sh-Dg, div.pg-Xg, div.a-ub, div.a-ub-T, div.a-sg, div.a-sg-w, div.a-sg-v, label.pg-ih-Pe {\
  208. 	color: #777777 !important;\
  209. 	border-color: #777777 !important;\
  210. }\
  211. div.pg-Il-Wg-Ae, input.pg-ih-w, div.pg-rg-Zb-wc {\
  212. 	border-color: #777777 !important;\
  213. }\
  214. div.Pd-ke-ve-Oc-Kc, div.pg-hl-Wg-hl-le, input.pg-yh-Qc-qb, input.pg-ih-Qc {\
  215. 	background-color: #777777 !important;\
  216. 	border: 0 !important;\
  217. }\
  218. div.pg-eb-Kc {\
  219. 	color: #777777 !important;\
  220. 	border: 0 !important;\
  221. }\
  222. div.Pd-ke-he-f-Kc {\
  223. 	background-color: #595959 !important;\
  224. 	color: #777777;\
  225. }\
  226. div.picker.modal-dialog {\
  227. 	border:0;\
  228. }\
  229. div.Jd-ue-Je-Nf Jd-Be-Ce {\
  230. 	border-bottom: 2px solid #777777 !important;\
  231. }\
  232. div.Pd-ke-he-cb-Kc {\
  233. 	background-color: #595959 !important;\
  234. 	border: 0;\
  235. }\
  236. div.oe-pe-td .Jd-If-pe-Kc {\
  237. 	background-color: #595959 !important;\
  238. 	border: 0;\
  239. }\
  240. \
  241. /*MODAL FILE BROWSER*/\
  242. div.goog-tree-root {\
  243. 	border: 0 !important;\
  244. }\
  245. div.folder-creation-link, div.folder-creation-link:hover {\
  246. 	color: #777777 !important;\
  247. }\
  248. div.folders-popup-summary{\
  249. 	background: transparent !important;\
  250. }\
  251. div.folders-popup{\
  252. 	background-color: #757575;\
  253. }\
  254. \
  255. /*REVISIONS*/\
  256. div.docs-revisions-default-color {\
  257. 	background-color: #222222 !important;\
  258. }\
  259. div#docs-revisions-sidebar {\
  260. 	background-color: #555555 !important;\
  261. 	border-left: 0;\
  262. }\
  263. div#docs-revisions-sidebar-header {\
  264. 	background-color: #191919 !important;\
  265. 	border: 0 !important;\
  266. }\
  267. div.docs-revisions-tile {\
  268. 	border: 0;\
  269. }\
  270. span.docs-revisions-tile-link {\
  271. 	color: #777777 !important;\
  272. }\
  273. div.docs-revisions-tile-selected {\
  274. 	background-color: #424242 !important;\
  275. }\
  276. div.goog-sa-pane-inner {\
  277. 	background-color: #242424 !important;\
  278. 	background: #242424;\
  279. }\
  280. \
  281. /*PUBLISH*/\
  282. div.modal-dialog > a {\
  283. 	color: #777777 !important;\
  284. }\
  285. hr.pub-dialog-sep {\
  286. 	border-top-color: #777777 !important;\
  287. }\
  288. div.goog-tab-hover, div.goog-tab.pub-dialog-tab.goog-tab-selected {\
  289. 	border: 0 !important;\
  290. 	background: #696969 !important;\
  291. }\
  292. \
  293. /*MAIL ATTACHMENT*/\
  294. textarea.email-attach-medium-text-area {\
  295. 	background-color: #595959 !important;\
  296. 	border-color: #777777 !important;\
  297. }\
  298. \
  299. /*PAGE SETTINGS*/\
  300. div.goog-menu {\
  301. 	background: #333333 !important;\
  302. }\
  303. \
  304. /*DOCUMENT*/\
  305. a, a:link, a:hover, a:visited {\
  306. 	color: #777777 !important;\
  307. }\
  308. body {\
  309. 	background-color: #393939 !important;\
  310. 	color: #777777 !important;\
  311. }\
  312. .docs-bubble-link, .docs-bubble a {\
  313. 	color: #777777 !important;\
  314. }\
  315. div#docs-editor, div#docs-editor-container {\
  316. 	background-color: black !important;\
  317. }\
  318. div#kix-appview {\
  319. 	background-color: #151515 !important;\
  320. }\
  321. div#docs-equationtoolbar {\
  322. 	background: #0c0c0c !important;\
  323. 	border: 0 !important;\
  324. }\
  325. div.kix-page-paginated {\
  326. 	box-shadow: none !important}\
  327. div.kix-print-block, div.kix-page-content-wrapper {\
  328. 	background-color: #555555 !important;\
  329. }\
  330. td.kix-documentmetricsdialog-row {\
  331. 	border-bottom-color: #777777 !important;\
  332. }\
  333. \
  334. /*FIND-REPLACEy*/\
  335. div.kix-findselectionprovider-underlay-match, div.kix-findandreplaceoverlayprovider-match, \
  336. div.kix-selection-overlay {\
  337. 	background-color: #444444 !important;\
  338. 	border-color: #444444;\
  339. }\
  340. table.docs-findinput-container, table.docs-findinput-container-focus {\
  341. 	background-color: #777777 !important;\
  342. 	border: 0;\
  343. }\
  344. \
  345. /*TABLES*/\
  346. td.goog-palette-cell {\
  347. 	background-color: #999999 !important;\
  348. }\
  349. td.goog-palette-cell:hover {\
  350. 	background-color: #FFFFFF !important;\
  351. }\
  352. div.kix-equation-toolbar-palette-item {\
  353. 	border: 0 !important;\
  354. }\
  355. div.goog-dimension-picker-unhighlighted {\
  356. 	background-color: #777777 !important;\
  357. }\
  358. \
  359. /*COMPACT TOOLBARy*/\
  360. div.ac-renderer {\
  361. 	background-color: #191919 !important;\
  362. 	border: 0 !important;\
  363. }\
  364. div.goog-menuitem-highlight {\
  365. 	background: #696969 !important;\
  366. 	border: 0;\
  367. }\
  368. \
  369. /*IMAGE*/\
  370. div.goog-slider-thumb, div.docs-rotationhandle-stick, div.docs-rotationhandle-circle, \
  371. div.docs-squarehandleselectionbox-handle{\
  372. 	background-color: #777777;\
  373. 	background-image: none;\
  374. }\
  375. div.docs-squarehandleselectionbox-border{\
  376. 	border-color: #777777;\
  377. }\
  378. div.docs-image-effect-sidebar, div.docs-image-effect-sidebar-scroll {\
  379. 	background-color:#333333;\
  380. 	border:0;\
  381. }\
  382. div.docs-image-effect-recolor-tile, div.docs-image-effect-adjustment-tile {\
  383. 	border:0;\
  384. 	background-color:#333333;\
  385. 	color: #666666 !important;\
  386. }\
  387. \
  388. /*BUBBLESy*/\
  389. div.docs-bubble, span.docs-bubble-link, div.jfk-bubble {\
  390. 	border:0;\
  391. 	background-color:#333333;\
  392. 	color: #666666 !important;\
  393. }\
  394. div.docs-link-insertlinkbubble-suggestionholder, div.docs-link-linksuggestiongroup {\
  395. 	background-color: #333333 !important;\
  396. 	border: 0 !important}\
  397. div.jfk-bubble-arrowimplbefore, div.jfk-bubble-arrowimplafter {\
  398. 	border-color: #333333 transparent !important;\
  399. }\
  400. \
  401. /*COMMENTSy*/\
  402. div.docos-anchoreddocoview-arrow-outer, div.docos-anchoreddocoview-arrow-inner {\
  403. 	border-right: 20px solid #393939 !important}\
  404. div.docos-streampane-content, div.docos-streampane-header {\
  405. 	border:0;\
  406. 	background-color:#333333;\
  407. 	color: #666666 !important;\
  408. }\
  409. div.docos-streampane-header .docos-new-comment-button, div.docos-streampane-header jfk-button {\
  410. 	background-color: #696969;\
  411. 	color: #333333 !important;\
  412. }\
  413. div.docs-docos-activitybox {\
  414. 	border: 0;\
  415. }\
  416. div.docos-streamdocoview {\
  417. 	border-top-color: #595959 !important;\
  418. }\
  419. div.docos-streamrootreplyview, div.docos-streamrootreplyview:hover, div.docos-streamreplyview, \
  420. div.docos-streamdocoview-inputcontainer, div.docos-overflowmenu-vertical, \
  421. div.docos-actionmenu-vertical {\
  422. 	background-color: #494949 !important;\
  423. }\
  424. div.docos-anchoredreplyview-author {\
  425. 	color: #777777 !important}\
  426. div.docos-docoview-reopen, div.docos-docoview-comment, div.docos-docoview-resolve,  \
  427. div.docos-replyview-edit, div.docos-replyview-edit:hover, div.docos-replyview-delete, \
  428. div.docos-replyview-delete:hover, div.docos-showrepliesbutton-collapsed {\
  429. 	color: #777777 !important}\
  430. div.docos-anchoredreplyview, div.docos-anchoreddocoview-input-pane, div.docos-showrepliesbutton {\
  431. 	background-color: #393939 !important;\
  432. 	background: #393939 !important;\
  433. 	color: #777777 !important;\
  434. }\
  435. textarea.docos-input-textarea {\
  436. 	background-color: #777777 !important;\
  437. }\
  438. div.docos-anchoredreplyview, div.docos-showrepliesbutton {\
  439. 	border-bottom-color: #595959 !important;\
  440. }\
  441. div.docos-anchoredreplyview .docos-anchoredreplyview-body {\
  442. 	color: #777777 !important;\
  443. }\
  444. div.docs-docos-caret-outer, div.docs-docos-caret-inner {\
  445. 	border-color: #333333 transparent !important;\
  446. }\
  447. \
  448. /*SPECIAL CHARS*/\
  449. div.ita-cp-search, div.ita-cp-search.ita-cp-focus, div.ita-cp-hwt, input.ita-cp-input, \
  450. input.label-input-label {\
  451. 	background-color: #777777 !important;\
  452. 	border-color: #777777 !important;\
  453. }\
  454. div.goog-char-picker-hovercard {\
  455. 	border-color: #393939 !important;\
  456. 	background-color: #494949 !important;\
  457. }\
  458. \
  459. /*ALT TEXT*/\
  460. textarea#alt-text-dialog-description {\
  461. 	background-color: #696969 !important;\
  462. 	border: 0 !important;\
  463. }\
  464. \
  465. /*SPELL-CHECKy*/\
  466. label.docs-spellcheckslidingdialog-title-text {\
  467. 	color: #666666 !important;\
  468. }\
  469. div.docs-slidingdialog {\
  470. 	border:0;\
  471. 	background-color:#333333;\
  472. 	color: #666666 !important;\
  473. }\
  474. td.docs-spellcheckslidingdialog-replacement-input-container {\
  475. 	background-color: #777777 !important;\
  476. 	border: 0;\
  477. }\
  478. div#docs-spellcheckslidingdialog-suggestion-list {\
  479. 	background: #595959 !important;\
  480. 	border: 0;\
  481. }\
  482. \
  483. /*RESEARCHy*/\
  484. div.docs-reference-pane-container {\
  485. 	background-color: #333333;\
  486. 	border: 0;\
  487. }\
  488. div.goog-sa-pane-search {\
  489. 	background-color: #393939;\
  490. }\
  491. div.goog-sa-searchbox-fwd-button.jfk-button-disabled, div.goog-sa-searchbox-back-button, \
  492. div.goog-sa-searchbox-back-button.jfk-button-disabled, div.goog-sa-searchbox-fwd-button, \
  493. div.goog-sa-searchbox.goog-sa-component-online .goog-sa-searchbox-selectormenu, {\
  494. 	background-color: #898989 !important;\
  495. 	background: #898989 !important;\
  496. 	border: 1px solid #777777 !important;\
  497. 	border-right: none !important;\
  498. }\
  499. div.goog-sa-searchbox-container, div.goog-sa-searchbox-selectormenu {\
  500. 	border-color: #777777 !important;\
  501. 	background-color: #595959 !important;\
  502. }\
  503. div.goog-sa-settings-controls, div.goog-sa-settings-toggle-content, div.goog-sa-pane-search {\
  504. 	border-color: #777777 !important;\
  505. }\
  506. div.goog-sa-welcome-content>a, div.goog-sa-snippet-title-link, div.goog-sa-component-active, \
  507. .goog-sa-personal.goog-sa-component-active.goog-sa-component-online .goog-sa-snippet-title-link, \
  508. .goog-sa-personal .goog-sa-snippet-title-link, div.goog-sa-pane-title, \
  509. .goog-sa-content.goog-sa-common-heading .goog-sa-content-link {\
  510. 	color: #777777 !important;\
  511. }\
  512. div.goog-sa-previewpane-closestrip, div.goog-sa-previewpane, div.goog-sa-pane-attribution {\
  513. 	background-color: #393939 !important;\
  514. 	border-color: #777777 !important;\
  515. }\
  516. div.goog-sa-component-online.goog-sa-component-active.goog-sa-sectiongroup-heading, \
  517. div.goog-sa-snippet .goog-sa-button-bar, div.goog-sa-button-bar, \
  518. div.goog-sa-personal.goog-sa-component-active .goog-sa-button-bar {\
  519. 	background-color: #595959 !important;\
  520. 	border-color: #777777 !important;\
  521. }\
  522. div.goog-sa-sectiongroup-heading {\
  523. 	border: 0 !important;\
  524. }\
  525. div.goog-sa-common-heading {\
  526. 	background-color: transparent;\
  527. }\
  528. div.goog-sa-scrollfloater > div {\
  529. 	background-color: #393939 !important;\
  530. 	border-color: #777777 !important;\
  531. }\
  532. a.goog-sa-common-heading, .goog-sa-content-link, a.goog-sa-snippet-title-link, \
  533. a.goog-sa-snippet-title-link:hover, a.goog-sa-link {\
  534. 	color: #777777 !important;\
  535. 	text-decoration: underline !important;\
  536. }\
  537. div.goog-sa-component-online.goog-sa-component-focus.goog-sa-searchbox .goog-sa-searchbox-selectormenu, \
  538. div.goog-sa-component-online.goog-sa-component-active.goog-sa-snippet {\
  539. 	border-color: #777777 !important;\
  540. }\
  541. div.goog-sa-sneakpeek, div.goog-sa-sneakpeek:last-child {\
  542. 	background-color: #595959 !important;\
  543. 	border-top-color: #494949 !important;\
  544. 	border-bottom-color: #494949 !important;\
  545. }\
  546. \
  547. /*DEFINITION*/\
  548. div.goog-sa-definition {\
  549. 	border-color: #777777 !important;\
  550. }\
  551. \
  552. /*PREFS*/\
  553. div.docs-preferencesdialog-list-body {\
  554. 	background-color: #393939;\
  555. 	color: #757575 !important;\
  556. }\
  557. div.docs-preferencesdialog-list-body::-webkit-scrollbar-thumb {\
  558. 	border: 0 !important;\
  559. }\
  560. \
  561. /*USER DICTIONARYy*/\
  562. div.docs-userdictionarydialog-row-container {\
  563. 	border: 0;\
  564. }\
  565. div.docs-userdictionarydialog-row-container:hover {\
  566. 	background: #696969 !important;\
  567. 	border: 0;\
  568. }\
  569. div.docs-userdictionarydialog-list-container {\
  570. 	border:0;\
  571. 	background-color:#333333;\
  572. 	color: #666666 !important;\
  573. }\
  574. div.docs-userdictionarydialog-button-add-container {\
  575. 	border: 0}\
  576. div.modal-dialog-buttons > button, button.goog-buttonset-action {\
  577. 	color: #333333 !important;\
  578. 	background: #696969 !important;\
  579. 	background-color: #696969 !important;\
  580. 	border: 0 !important;\
  581. 	background-image: none !important;\
  582. }\
  583. div.modal-dialog-buttons > button:hover, button.goog-buttonset-action:hover {\
  584. 	background-color: #f8f8f8 !important;\
  585. 	background-image: none !important;\
  586. 	border: 0 !important;\
  587. }\
  588. \
  589. /*WEBSTOREy*/\
  590. span.g-aa-ca {\
  591. 	color: #333333;\
  592. 	background: #696969 !important;\
  593. 	background-color: #696969 !important;\
  594. 	border: 0 !important;\
  595. 	background-image: none !important;\
  596. }\
  597. span.g-aa-ca-l {\
  598. 	background-color: #f8f8f8 !important;\
  599. 	background-image: none !important;\
  600. 	border: 0 !important;\
  601. }\
  602. div.a-d-Ec {\
  603. 	background-color: #696969 !important;\
  604. 	border: 0 !important;\
  605. }\
  606. div.webstore-widget {\
  607. 	color:#777777;\
  608. 	background: #393939 !important;\
  609. 	background-color: #393939 !important;\
  610. 	border-bottom: 0 !important;\
  611. }\
  612. input.h-n-j-Qc-lc {\
  613. 	color: #777777 !important;\
  614. 	background-color: #595959 !important;\
  615. 	border: 0;\
  616. }\
  617. div.O-j {\
  618. 	background-color: #494949 !important;\
  619. 	border: 0 !important;\
  620. }\
  621. \
  622. /*KBSHORTCUTSy*/\
  623. div.apps-shortcutshelppopup-ac-renderer {\
  624. 	background-color: #191919 !important;\
  625. 	border: 0 !important;\
  626. }\
  627. h3.apps-shortcutshelppopup-search-label, h3.apps-shortcutshelppopup-content-header, \
  628. h2.apps-shortcutshelppopup-dialog-title {\
  629. 	color: #777777 !important;\
  630. }\
  631. table.apps-shortcutshelppopup-content {\
  632. 	background-color: #393939;\
  633. 	color: #757575 !important;\
  634. }\
  635. td.apps-shortcutshelppopup-content-element, a.apps-shortcutshelppopup-help-center-link {\
  636. 	color: #757575 !important;\
  637. 	border: 0;\
  638. }\
  639. div.apps-shortcutshelppopup{\
  640. 	background-color:#242424 !important;\
  641. }\
  642. div.apps-shortcutshelppopup-header {\
  643. 	border: 0 !important;\
  644. }\
  645. \
  646. /*USERPANEL*/\
  647. div.gb_ob {\
  648. 	background: none !important;\
  649. }\
  650. div.gb_ga {\
  651. 	background: #242424 !important;\
  652. }\
  653. div.gb_lb, a.gb_b, #gb div.gb_eb.gb_eb a {\
  654. 	color: #777777 !important;\
  655. }\
  656. a.gb_nb.gb_nb {\
  657. 	background-color: #696969 !important;\
  658. 	border: 0;\
  659. 	color: #333333 !important;\
  660. }\
  661. div.gb_ab {\
  662. 	border-bottom-color: #242424 !important;\
  663. }\
  664. \
  665. /*RULER*/\
  666. div.kix-ruler-contributed-dragger-container, div#kix-ruler {\
  667. 	border:0;\
  668. 	background-color: #191919 !important;\
  669. }\
  670. div.kix-ruler-background-inner {\
  671. 	background-color: #555555 !important;\
  672. }\
  673. \
  674. /*INPUTS*/\
  675. input.docs-title-input {\
  676. 	color: #777777 !important;\
  677. 	background-color: #0c0c0c !important;\
  678. 	background-image: none !important;\
  679. 	border: 0;\
  680. 	box-shadow: none;\
  681. }\
  682. textarea.jfk-textinput, input.jfk-textinput, input.jfk-textinput:focus, div.inviter-recipient-area {\
  683. 	background-color: #595959 !important;\
  684. 	border: 0;\
  685. 	color: #333333 !important;\
  686. }\
  687. input.hsv-input {\
  688. 	color: #333333 !important;\
  689. 	background-color: #595959 !important;\
  690. 	border-color: gray !important;\
  691. }\
  692. \
  693. "
  694. GM_addStyle(css);
  695. var panel=document.body;
  696. var av='<div style="position: absolute; left: 48.5vw; top: 1vh;"><a \
  697. href="https://github.com/KeyWeeUsr/Userscripts"><img id="kwu_av" style="opacity: 0.3;"\
  698. src="https://github.com/identicons/KeyWeeUsr.png" width="24"></img></a></div>';
  699. panel.insertAdjacentHTML('beforeend', av);
  700. })();
  701. /*
  702. Missing:
  703. 1) Help modal
  704. 2) Report modal
  705. */