Skip to content

Google Docs Darcula (Tweaked) by cosmicstar98

Details

Authorcosmicstar98

LicenseNo License

Categorygoogle docs

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A tweaked version of the Darcula theme by trgamer-tech

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Google Docs Darcula
@namespace      USO Archive
@author         Tony Stroemsnaes, TRGYT
@description    `A smooth, stylish, beautiful dark skin for Google docs. Using some colors from the Darcula theme. Base made by https://tonystr.net. Colors changed by TRGYT`
@version        20210824.8.33
@license        CC-BY-NC-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("docs.google.com") {
/*
    dark: #191A21
    gray: #181818
    white: #f8f8f2
    smaller title: #222
    ltgray: #6272a4
*/

* {
	scrollbar-color: #1d202a transparent;
	scrollbar-width: thin;
}

#docs-instant-bubble {
	display: none;	
}

.asdCEb {
    background: #0e0e0e;
    border-radius: 7px;
}

.q6oraf .VfPpkd-StrnGf-rymPhb {
    color: #d0bebe;
    background: #000;
}

.VfPpkd-StrnGf-rymPhb-OWXEXe-EzIYc .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS {
    font-size: 15px;
    color: #3b3b3b;
}

.yid0mf.iPMcJc {
    background: #000;
}

.docs-gm .docos-streampane-header-round-top-corners {
    background: #171717;
}

.docos-xeditor .docos-streampane-content .docos-comment-text.docos-comment-header-title {
    color: #7e7e7e;
}

.fOEalf .Jw4Ike {
    color: #7e7e7e;
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default {
    border-color: #191a21;
    border-radius: 24px;
    color: #727272;
    background: #212121;
    box-shadow: 0 1px 8px rgb(0 0 0 / 36%);
}

.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover {
    background: #282828;
    border-color: #525252;
}
    
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused {
    background: #282828;
    border-color: #525252;
}

.companion-app-switcher-separator, .companion-app-switcher-add-on-container::before,
.docs-gm .docs-omnibox-input.jfk-textinput {
	background-color: #181818 !important;
	border-color: #191A21;
}

.docs-navigation-tab-button:not(.outline-refresh) {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

.kix-appview-editor,
.docs-companion-app-switcher-container, .companion-app-switcher-container {
	background-color: #181818 !important;
	border-color: transparent;
}

#titlebar-mode-indicator-container > .docs-material-menu-button-flat-primary, .titlebar-request-access-button.docs-material-button, .titlebar-request-access-button.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border, .kix-titlebar-approvals-button.docs-material-button, .kix-titlebar-approvals-button.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border,
.kix-document-top-shadow.read-mode-titlebar-border,
.apps-hoverable-menu-separator-container .apps-hoverable-menu-separator-bottom,
.goog-menuitem.docs-submenuitem,
.docs-gm .docs-submenuitem.goog-menuitem-highlight,
.goog-toolbar[role="toolbar"] .docs-font-size-inc-dec-action-button.goog-toolbar-button,
#fontSizeSelect.docs-font-size-inc-dec-combobox {
	border-color: #191A21 !important;
}

#docs-toolbar-mode-switcher.suggest-mode,
#titlebar-mode-indicator-container > .docs-material-menu-button-flat-primary-hover,
#docs-toolbar-mode-switcher.edit-mode {
	background-color: #22232b;
}

.docs-gm .modal-dialog-title-text, .docs-gm .docs-offline-optinpromo-title-text,
.docs-gm .goog-menuitem .goog-menuitem-label[style*="color: rgb(0, 0, 0)"],
.docs-gm .goog-menuitem {
	color: #ffffff !important;	
}

.docs-gm .goog-menuitem .goog-menuitem-label[style*="color: rgb(102, 102, 102)"] {
	color: #6272a4 !important;
}

.docs-gm .goog-menuitem .goog-menuitem-label[style*="color: rgb(67, 67, 67)"] {
	color: #c4c4c4 !important;
}

.docs-navigation-tab-button:not(.outline-refresh):hover {
	border-color: #f3206a;
}

#docs-instant-button-bubble {
	background-color: #181818 !important;
	border-color: transparent;
	box-shadow: 0 1px 14px 1px #191A21;
}

.docs-bubble-link, .docs-bubble a,
span.kix-wordhtmlgenerator-word-node[style*="color:#1155cc;"] {
	color: #ddc239 !important;
}

.kix-lineview-decorations div[style*="border-top:"][style*=" solid #1155cc;"] {
	border-color: #ddc239 !important;
}

.kix-cursor-caret[style*="border-color: rgb(17, 85, 204)"] {
	
	border-color: #ddc239 !important;
}

#docs-instant-button-bubble .docos-icon-img-hdpi::before {
	filter: invert(90%)	
}

.docs-gm .docs-linkbubble-bubble, .docs-gm .docs-multi-linkbubble-bubble {
	background-color: #191a22 !important;
	box-shadow: 0 2px 11px rgba(0, 0, 0, .3);
}

.kix-tablerenderer-td[style*="background-color: rgb(231, 230, 230)"] {
	background-color: #21222c !important;
}

.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name {
	color: #ffffff;
}

.docs-homescreen-grid-item-thumbnail {
	filter: invert(77%) contrast(142%) hue-rotate(180deg) !important;	
}

#docs-new-changes-container>div {
	background-color: #21222c !important;
	color: #6272a4 !important
}

#docs-new-changes-container:hover>div {
	background-color: #1c1d25 !important;
}

.docs-border-selection-outer, .docs-border-selection-inner, .docs-border-selection-inner-horizontal, .docs-border-selection-inner-vertical, .docs-border-selection-top, .docs-border-selection-bottom, .docs-border-selection-left, .docs-border-selection-right, .docs-border-selection-all, .docs-border-selection-button-pressed, .docs-border-selection-button-normal {
	filter: invert();
}

.jfk-checkbox-checked,
.jfk-activityIndicator-circle[style*="background-color: rgb(255, 255, 255)"] {
	background-color: #181818 !important;
}

#docs-equationtoolbar {
	background-color: #181818 !important;
	border-color: #181818 !important;
}

.jfk-checkbox-checked .jfk-checkbox-checkmark,
.rs-icon-edit {
	filter: invert()
}

.apps-share-chips-input {
	color: #ffffff;
}

.suggested-recipients,
.ac-renderer {
	background-color: #191a21;
	border-color: #191a21;
	color: #ffffff;
}

.simple-sharing-note-text-area {
	background-color: transparent;
	color: #ffffff;
	border-color: #000000;
	border-radius: .5rem;
}

.goog-modalpopup-bg, .modal-dialog-bg {
	background-color: #000000;
}

.jfk-button-standard.simple-sharing-cancel-button{
	background: #fa344b;
}

.ac-active {
	background-color: #2b2d3b;
}

.suggested-recipients-suggestion,
.ac-highlighted {
	color: #f08b48;
}

.goog-flat-menu-button,
.docs-homescreen-fab, .docs-homescreen-material-bar-enabled .docs-homescreen-editorbar-actionbutton.goog-menu-button-hover::before, .docs-homescreen-material-bar-enabled .docs-homescreen-editorbar-actionbutton.jfk-button-hover::before, .apps-share-chips-chip-warning, .inviter-recipient-area, .docs-docos-activitybox, .docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active, .docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked, .goog-menu {
	border-radius: .5rem;
}

.apps-share-chips-chip {
	background-color: #181818 !important;
	border-color: #181818 !important;
	color: #6272a4 !important;
}

.apps-share-chips-icon-sprite-email {
	filter: invert();
}

.goog-flat-menu-button.goog-flat-menu-button-hover {
	background: none;
	background-color:#191a21;
	border-color: #191a21;
	box-shadow: 0 1px 8px rgba(0,0,0,.36);
	cursor: pointer;
}

.goog-flat-menu-button {
	background: none;
	background-color:#191a21;
	border-color: #191a21;
	box-shadow: 0 1px 8px rgba(0,0,0,.36);
}

.docs-homescreen-grid-item {
    background-color: #181818 !important;
	border-color: #191A21;
}

.docs-ruler-background-inner,
.docs-gm .docs-horizontal-ruler,
.docs-gm #kix-vertical-ruler {
	background: transparent;
	border: none;
}

.docs-gm .docs-vertical-ruler .docs-ruler-face-minor-division, .docs-gm .docs-vertical-ruler .docs-ruler-face-major-division,
.docs-gm .docs-horizontal-ruler .docs-ruler-face-minor-division, .docs-gm .docs-horizontal-ruler .docs-ruler-face-major-division {
	border-color: #22222e;
	border-width: 2px;
}

.docs-gm .docs-ruler-face-number {
	color: #6272a4;
}

.goog-toolbar-combo-button-input:focus {
	background: #181818 !important;
}

.kix-equation-toolbar-palette-item,
.kix-equation-toolbar-icon {
	filter: invert(100%);	
}

.kix-equation-highlight {
	border-color: #222;
}

.goog-dimension-picker-unhighlighted {
	filter: invert(52%) contrast(1380%);	
}

.docs-homescreen-grid-item-metadata-container {
	border-color: #191A21;	
}

.docs-homescreen-floater-header,
.docs-homescreen-grid-item-title {
	color: #ffffff !important;
}

.docs-homescreen-owner-filter-button {
    background-color: #282a36 !important;
	color: #ffffff !important;
}

.left-sidebar-container{
	overflow-y: hidden;	
}

.docs-homescreen-floater-header,
.docs-homescreen-grid-header, .docs-homescreen-list-header,
.docs-homescreen-container,
.modal-dialog,
.docs-gm #docs-editor, .docs-gm #docs-editor-container,
#docs-chrome,
.docs-material #docs-header .docs-titlebar-buttons{
    background-color: #181818 !important;
}

.kix-page.kix-page-paginated, .kix-page-content-wrapper {
	background-color: #bbb !important;
}

.docs-homescreen-floater-header-shadow {
	box-shadow: 0 2px 18px -4px #191A21;
}

.gb_Te {
	background-color: #181818 !important;
	box-shadow: 0 0 0 1px #191A21;
    color: #6272a4 !important;
}

.docs-material .goog-toolbar-button, .docs-material .goog-toolbar-menu-button,
.gb_Te:not(.gb_Ue) input::placeholder {
    color: #6272a4 !important;
}

.docs-homescreen-gb-container>header#gb {
	background-color: #b1b1b1 !important;
}

.kix-page.kix-page-paginated,
#docs-chrome {
    box-shadow: 0 2px 18px #bbb !important;
}

.toggle-link-icon-off {
	filter: invert(87%);	
}

.toggle-link,
.simple-sharing-link-heading, .simple-sharing-people-heading,
.docs-gm .docs-menubar .goog-control {
    color: #6272a4 !important;
}

.docs-gm .docs-menubar .goog-control-hover {
    background-color: transparent;
	box-shadow: 0 0 0 1px #222;
    color: #222 !important;
}

.docs-title-input-label-inner,
.goog-inline-block.kix-lineview-text-block {
    color: #6272a4 !important;
}

.kix-lineview-background>div[style*="background-color:#ffff00"] {
	background-color:#5f5432 !importa...

Reviews

No reviews yet.