Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // ==UserScript==
- // @name Google Docs Dark UI
- // @namespace http://userstyles.org
- // @description A very minimal-code theme to darken the main UI of Google Docs. Not a complete overhaul, but enough to keep the website from blinding you. Built for and tested on Firefox 41+, works on Chromium 45.
- // @author Zebouski
- // @match *://*.google.com/*
- // @homepage https://userstyles.org/styles/120097
- // @run-at document-start
- // @version 0.20151026171604
- // ==/UserScript==
- (function() {var css = "";
- css += [
- "/* Google Docs Dark UI by UGoBoom */",
- "/* Version 1.0 */",
- "/* Published Oct 26 2015 */",
- "/* Aesthetic inspired by Vertex-gtk theme */",
- "",
- "@namespace url(http://www.w3.org/1999/xhtml);"
- ].join("\n");
- if (false || (document.location.href.indexOf("https://docs.google.com/document/") == 0))
- css += [
- "#docs-chrome{background: #333 none repeat scroll 0% 0% !important; color: #DDD !important;}",
- " ",
- " #gb#gb a.gb_b, /* Account email in top right corner */",
- " .docs-presence-plus-widget-status /* x total viewers text */",
- " {color: #DDD !important;}",
- " ",
- " .navigation-widget-container{",
- " color: #FFF !important;",
- " background: linear-gradient(rgba(1, 1, 1, 0), rgba(1, 1, 1, 0.3));",
- " }",
- " .navigation-item>*{",
- " color: #FFF !important;",
- " }",
- " .docs-icon-close-thin{",
- " filter: invert(1) !important;",
- " }",
- // " #docs-chat-mole > .talk_chat_widget {",
- // " width: 672px !important;",
- // " height: 845px !important;",
- // " }",
- " /* Document title box */",
- " .docs-title-input{",
- " background-color: #2B2B2C !important;",
- " border-radius: 2px !important;",
- " border: 1px solid #171717 !important;",
- " border-top-color: #0f0f0f !important;",
- " box-shadow: 0 1px rgba(255,255,255,0.15),",
- " inset 0 1px rgba(0,0,0,0.1) !important;",
- " font-style: normal !important;",
- " }",
- " .docs-title-input:focus{",
- " color: white !important;",
- " background-color: #2B2B2C !important;",
- " border: 1px solid #171717 !important;",
- " border-top-color: #0f0f0f !important;",
- " }",
- " .docs-title-untitled{display: none !important;}",
- " ",
- " /* Fix for menu bar text when hover */",
- " .goog-control-hover{color: black !important;}",
- " ",
- " /* Main toolbar */",
- " #docs-toolbar-wrapper{",
- " border-top: 1px solid #151516 !important;",
- " border-bottom: 1px solid #040404 !important;",
- " background-image: linear-gradient(#404143, #333436) !important;",
- " box-shadow: inset 0 1px rgba(255,255,255,0.15) !important;",
- " }",
- " ",
- " /* Toolbar\'s vertical dividers */",
- " .goog-toolbar-separator.goog-inline-block{border-left: 1px solid #222 !important;}",
- " ",
- " /* A very simple/lazy fix to get toolbar item colors to look good on a dark background */",
- " .goog-toolbar-button,",
- " .goog-toolbar-toggle-button,",
- " .goog-toolbar-menu-button:not([id=\"textColorButton\"]),",
- " .goog-toolbar-combo-button,",
- " .docs-icon-folder-solid{",
- " -webkit-filter: invert(1) !important;",
- " filter: invert(1) !important;",
- " }",
- " ",
- " /* Fixes for suggestion mode when editing own doc, viewing mode when editing others\' docs */",
- " #docs-toolbar-mode-switcher, #docs-access-level-indicator{background-color: transparent !important; color: black !important;}",
- " .docs-icon-mode-review-white, .docs-icon-mode-view-white{filter: invert(1) !important;}",
- " ",
- " /* Background behind the document */",
- " #docs-editor{background: #333 none repeat scroll 0% 0% !important;}",
- " ",
- " /* Document drop-shadow removal */",
- " .kix-page-paginated{box-shadow: none !important;}"
- ].join("\n");
- if (typeof GM_addStyle != "undefined") {
- GM_addStyle(css);
- } else if (typeof PRO_addStyle != "undefined") {
- PRO_addStyle(css);
- } else if (typeof addStyle != "undefined") {
- addStyle(css);
- } else {
- var node = document.createElement("style");
- node.type = "text/css";
- node.appendChild(document.createTextNode(css));
- var heads = document.getElementsByTagName("head");
- if (heads.length > 0) {
- heads[0].appendChild(node);
- } else {
- // no head yet, stick it whereever
- document.documentElement.appendChild(node);
- }
- }
- })();
Add Comment
Please, Sign In to add comment