Skip to content

Veronesify google docs by Paola-Sartori

Screenshot of Veronesify google docs

Details

AuthorPaola-Sartori

LicenseNo License

Categorydocs.google.com/document/d

Created

Updated

Size9.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes Google Docs veronese green, a teal and soft color

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           pinkify google docs
@namespace      github.com/graftedsoul
@version        1.1.2
@description    Makes Google Docs pink
@author         graftedsoul

@preprocessor stylus
@var select fontFamily "Font Family" ["Poppins*", "Balsamiq Sans", "Roboto", "Google Sans"]

==/UserStyle== */
@-moz-document url-prefix("https://docs.google.com/document/d/") {
	@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans&family=Poppins&display=swap");

	:root {
		--font-family: fontFamily, sans-serif;
		--color: #000000;

		--pink-10: #bdf4ed;
		--pink-50: #b7f4ed;
		--pink-100: #93dec9;
		--pink-200: #70d4b7;
		--pink-300: #4cc9a5;
		--pink-400: #35b28d;
		--pink-500: #2a8e71;
		--pink-600: #23755d;

		--hue-rotate: hue-rotate(313deg);
		--brightness: brightness(0.85);
	}

	body {
		font-family: var(--font-family) !important;
	}

	/* dark theme */
	@media (prefers-color-scheme: dark) {
		body {
			color: white;
		}
	}

	/* change scrollbar */
	::-webkit-scrollbar-thumb,
	::-moz-scrollbar-thumb {
		background-color: #d6f5eb;
	}
	::-webkit-scrollbar-thumb:hover,
	::-moz-scrollbar-thumb:hover {
		background-color: #4ed3a7;
	}

	/* document editor container */
	.kix-appview-editor {
		background-color: var(--pink-10) !important;
	}

	/* rulers */
	#kix-horizontal-ruler,
	.docs-gm .docs-horizontal-ruler,
	.docs-gm #kix-vertical-ruler,
	.docs-ruler-face {
		background-color: #d6f5eb !important;
		border-color: #4ed3a7 !important;
	}

	#kix-horizontal-ruler,
	#kix-horizontal-ruler.docs-horizontal-ruler {
		border-bottom: none !important;
	}

	.docs-horizontal-ruler .docs-ruler-face-major-division,
	.docs-horizontal-ruler .docs-ruler-face-minor-division {
		border-color: var(--pink-300) !important;
	}
	.docs-horizontal-ruler .docs-ruler-division-active,
	.docs-ruler-division-active .docs-ruler-face-minor-division,
	.docs-vertical-ruler .docs-ruler-division-active {
		border-color: var(--pink-400) !important;
	}

	/* comments section */
	.docs-grille-gm3 .docos-anchoreddocoview,
	.docs-grille-gm3 .docos-anchoreddocoview .docos-anchoredreplyview,
	.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
		background-color: var(--pink-50);
	}

	.docos-comments-pe.docos-anchoreddocoview:hover .docos-anchoreddocoview-internal,
	.docos-comments-pe.docos-anchoreddocoview:hover .docos-replyview-reply-count,
	.docs-gm .docos .docos-comments-pe .docos-assigneeview.docos-assignee-other,
	.docs-grille-gm3 .docos-anchoreddocoview:hover,
	.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoreddocoview-input-pane,
	.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoredreplyview {
		background-color: var(--pink-100);
	}

	.docs-grille-gm3 .docos-anchoreddocoview .docos-icon-checkmark {
		filter: var(--hue-rotate) var(--brightness);
	}

	.docs-grille-gm3 .docos-replyview-body-emoji-reactable-background {
		background-color: none;
	}

	.docs-grille-gm3 .docos-anchoreddocoview .docos-anchoredreplyview {
		border-color: var(--pink-200);
	}

	/* idk what this does and frankly it doesn't change anything when i remove it, so it's staying for legacy versions :3c */
	.docs-gm .docs-material .goog-toolbar-button-active,
	.docs-gm .docs-material .goog-toolbar-button-checked,
	.docs-gm .docs-material .goog-toolbar-button-selected,
	.docs-gm .docs-material .goog-toolbar-combo-button-open,
	.docs-gm .docs-material .goog-toolbar-menu-button-open,
	.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active,
	.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active,
	.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open,
	.docs-gm .docs-material.trix-palette .goog-palette-cell-selected {
		background-color: var(--pink-100) !important;
	}

	/* toolbar */
	#docs-toolbar-wrapper {
		background-color: var(--pink-50) !important;
	}

	/* toolbar seperator */
	.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-separator.goog-inline-block {
		border-color: var(--pink-100);
	}
	.outline-refresh .navigation-item-content {
		font-family: fontFamily, sans-serif !important;
	}
	.outline-refresh .location-indicator-highlight.navigation-item,
	.outline-refresh .location-indicator-highlight.navigation-item .navigation-item-level-0 {
		color: var(--pink-400);
		transition: color 0.2s;
	}
	.outline-refresh .location-indicator-highlight.navigation-item.goog-button-hover,
	.outline-refresh .location-indicator-highlight.navigation-item:hover {
		color: var(--pink-600);
		transition: color 0.2s;
	}
	#docs-toolbar-mode-switcher.edit-mode {
		background-color: var(--pink-100);
		color: var(--pink-400);
	}
	.docs-material .docs-toolbar-small-separator + div.goog-toolbar-menu-button.goog-toolbar-menu-button-open {
		color: var(--pink-400);
	}

	/* docs icon */
	.docs-branding-icon {
		filter: var(--hue-rotate) var(--brightness);
	}

	.docs-material .goog-toolbar-button-inner-box .docs-icon,
	.docs-material .goog-toolbar-menu-button-caption .docs-icon,
	.docs-material .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator .docs-icon {
		filter: var(--hue-rotate) var(--brightness);
	}
	.docs-gm #docs-titlebar-share-client-button .jfk-button {
		background-color: var(--pink-300);
		color: white;
		transition: background 0.2s;
	}
	.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
		background-color: var(--pink-400);
		color: white;
		transition: background 0.2s;
	}

	.scb-icon {
		filter: invert(100) brightness(100) grayscale(100);
	}
	.goog-flat-menu-button-caption {
		filter: var(--hue-rotate);
	}
	#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown,
	#docs-toolbar-mode-switcher.edit-mode .goog-toolbar-menu-button-dropdown {
		filter: var(--hue-rotate);
	}
	#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,
	.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active,
	.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked,
	.docs-gm .docs-explore-emptylist-learnmore,
	.docs-gm .docs-horizontal-ruler .docs-material .docs-ruler-indent-first-line,
	.docs-gm .docs-horizontal-ruler .docs-material .docs-ruler-indent-first-line:before,
	.docs-gm .docs-horizontal-ruler .docs-ruler-indent-start,
	.docs-gm .docs-horizontal-ruler .docs-ruler-indent-end,
	.docs-gm .docs-horizontal-ruler .docs-ruler-indent-start,
	.docs-gm .docs-horizontal-ruler .docs-ruler-indent-end {
		filter: var(--hue-rotate) !important;
	}
	.docs-gm .docs-gm-sidebar-icon-path {
		fill: var(--pink-400);
	}
	.docs-gm .docs-menubar .goog-control,
	.docs-title-widget {
		filter: var(--hue-rotate);
		font-family: fontFamily, sans-serif !important;
	}
	.docs-gm .goog-toolbar,
	.docs-gm #docs-toolbar {
		font-family: fontFamily, sans-serif !important;
	}

	/* NEW */
	.docs-grille-gm3 #docs-align-palette .goog-toolbar-button,
	.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button,
	.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button,
	.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button,
	.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button {
		background-color: #d6f5eb !important;
	}

	.docs-grille-gm3.docs-gm .docos-new-tag.docos-new-tag {
		background-color: var(--pink-500);
		font: inherit;
	}

	.docs-grille-gm3 .docs-material #docs-docos-commentsbutton .docs-docos-commentsbutton-badge {
		background: var(--pink-500);
		font-family: inherit;
	}

	.docs-revisions-new-changes-badge {
		background: var(--pink-500);
	}

	.docs-grille-version-history .docs-revisions-chromecover-titlebar-button-action,
	.docs-grille-version-history .docs-revisions-chromecover-titlebar-second-button-action {
		font-family: inherit;
		background: var(--pink-600);
	}

	.docs-grille-version-history .docs-revisions-chromecover-titlebar-button-action.goog-flat-button-hover,
	.docs-grille-version-history .docs-revisions-chromecover-titlebar-second-button-action {
		font-family: inherit;
		background: var(--pink-500);
	}

	.docs-grille-gm3 .docos-streamdocoview:hover .docos-streamdocoview-header-container {
		background: var(--pink-100) !important;
	}

	.docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-header-container {
		background: var(--pink-200) !important;
	}

	.outline-refresh .navigation-item.location-indicator-highlight .navigation-item-content,
	.outline-refresh .navigation-item.location-indicator-highlight .navigation-item-content.goog-button-hover {
		color: var(--pink-600);
	}

	.outline-refresh.navigation-widget-unified-styling .location-indicator-highlight.navigation-item,
	.outline-refresh.navigation-widget-unified-styling .location-indicator-highlight.navigation-item .navigation-item-level-0 {
		color: var(--pink-600);
	}

	@media screen and (max-width: 1600px) {
		.docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions .docs-omnibox-input {
			background-color: #d6f5eb !important;
		}
	}
}

Reviews

No reviews yet.