Some fixes to make docsafterdark usable again.
docsafterdark mod by aeoniumsalad
Details
Authoraeoniumsalad
LicenseNo License
Categorydocs.google.com
Created
Updated
Size85 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Not perfect or high effort at all, but fixes some obvious docsafterdark CSS issues. You'll probably need to toggle it off if you're doing more complex editing involving submenus because google docs is a pain to edit CSS for, but good for just sitting down and writing. This is not an inversion of docs' colors, it only applies to the site wrapper around a document.
Original extension is by waymond rang - https://waymondrang.com/docsafterdark/
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name docsafterdark mod
@version 20241025.02.46
@namespace https://userstyles.world/user/aeoniumsalad
@description Some fixes to make docsafterdark usable again.
@author aeoniumsalad
@license No License
==/UserStyle== */
@-moz-document domain("docs.google.com"), domain("sites.google.com") {
:root {
--primary-background-color: #1b1b1b;
--secondary-background-color: #262626;
--menu-background: #1b1b1bf0;
--hover-background-color: #333333;
--input-background-color: #404040;
--button-background-color: #4d4d4d;
--button-background-color-hover: #2196f3;
--button-background-color-focus: #2196f3;
--button-two-background-color: #262626;
--button-two-background-color-hover: #333333;
--enabled-background-color: #808080;
--selection-background-color: #999999;
--primary-border-color: #4d4d4d;
--secondary-border-color: #404040;
--lighter-border-color: #808080;
--primary-text-color: #f2f2f2;
--secondary-text-color: #cccccc;
--tertiary-text-color: #999999;
--disabled-text: #666666;
--accent-text: #64b5f6;
--accent-text-hover: #64b5f608;
--comment-active: #1e88e5;
--comment-hover: #2196f3;
--gm3-comment-background: #202427;
--gm3-comment-hover: #252D34;
}
/* TEXT COLORS */
/* PRIMARY TEXT COLOR */
.docs-body-pageless .navigation-widget-floating-navigation-button.navigation-widget {
background: var(--primary-background-color);
border: 2px solid var(--primary-background-color);
}
.left-sidebar-container.navigation-widget-in-pageless-format .outlines-widget-chaptered .kix-outlines-widget-header-contents {
background: var(--primary-background-color);
}
.left-sidebar-container.navigation-widget-in-pageless-format {
background: var(--primary-background-color);
}
.outlines-widget-chaptered .navigation-item + .navigation-item .navigation-item-vertical-line-top, .outlines-widget-chaptered .navigation-item-vertical-line-middle, .outlines-widget-chaptered .navigation-item:not(.navigation-item:last-child) .navigation-item-vertical-line-bottom {
background: var(--primary-border-color);
}
.chapter-item-label-and-buttons-container-selected, .chapter-item-label-and-buttons-container-selected:focus-within {
background: var(--secondary-background-color);
}
.chapter-item-label-and-buttons-container-selected .chapter-item .goog-control, .chapter-item-label-and-buttons-container-selected .chapter-label-content {
color: var(--primary-text-color);
}
body,
label,
textarea,
#document-details-bubble-header,
.docs-gm .docs-revisions-chromecover-content-color-default,
.docs-gm .docs-revisions-sidebar-header,
.apps-shortcutshelpcontentimpl-dialog-title,
.apps-navigationwidget,
.apps-actiondatawidget-content-header,
.apps-shortcutshelpcontentimpl-search-label,
.docs-gm .modal-dialog-title-text,
.docs-gm .docs-offline-optinpromo-title-text,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item-title,
.visual-treatment-meeting-notes .docos-calltoactionview-header,
.docs-gm .docs-ui-toast,
.docs-gm .docs-link-searchinput-search,
.docs-material-gm-dialog-title-text,
.kix-pagenumberdialog-title,
.docs-gm .docs-customspacingdialog-content,
.docs-gm .modal-dialog button,
.docs-gm .modal-dialog .jfk-button-standard,
.docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-label,
.docs-insert-link-bubble-back-search-text,
.docs-gm .docs-details-dialog .modal-dialog-title-text,
.docs-gm .docs-details-field,
.docs-material-button-hairline-primary.docs-material-button,
.kix-pageorientationdialog-title,
.docs-gm .docs-revisions-sidebar-revisions-empty-title,
.docs-gm .kix-header-footer-bubble-description,
.docos-xeditor .docos-streampane-content .docos-comment-text.docos-comment-header-title,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-active,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover,
.docos,
.header,
#textarea,
.docs-gm .modal-dialog,
.docs-gm .modal-dialog-content,
.kix-smart-summary-onboarding-promo-content-title,
.kix-smart-summary-onboarding-promo-dismiss-button:hover,
.kix-smart-summary-text-container,
.outline-refresh.navigation-widget-unified-styling .navigation-item .navigation-item-level-0,
.hA3Ymb,
.meet-video-promo-bubble-title,
.docos-emoji-counter-button-tooltip,
.docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body,
:not(.docos-emoji-counter-button-user-involved).docs-material-button-flat-primary .docos-emoji-counter-button-container,
.visual-treatment-pageless-promo .docos-calltoactionview-header,
.docs-gm .modal-dialog .goog-flat-menu-button-caption,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-caption,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-caption,
.kix-dropdown-entity-configuration-dialog-title-naming-component-header,
.kix-headerfooterdialog-title,
.docs-gm .docs-tiled-sidebar-header,
.docs-gm .docs-sidebar-tile-header,
.docs-sidebar-tile,
.docs-material-gm-select-caption,
.docs-sidebar-tile-section-disabled .docs-sidebar-tile-section-title,
.docos-streamdocoview-body,
.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-streamdocoview-author,
.kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bubble-title-text,
.docos-streamreplyview-body,
.docos-ssd-radio-button-group .jfk-radiobutton-label label,
.docos-stream-emoji-content .docos-stream-emoji-reply-author .docos-author,
#docs-embeddedcontentpastedialog-title,
.docs-embeddedcontentpastedialog-label,
.docs-gm .docos-assigneeview.docos-assignee-other,
.docs-gm .docos-anchoredreplyview-header .docos-anchoredreplyview-author,
.docs-gm .docs-dictionary-titlebar,
.docs-gm .docs-explore-dictionaryentry-title,
.docs-gm .docs-explore-dictionaryentries,
/*
BELOW CSS CLASSES APPEAR TO BE GENERATED, VOLATILE
*/
.hA3Ymb,
.vhoiae .hA3Ymb,
.X9XeLb .hA3Ymb,
.cWKK1c .hA3Ymb,
.aJfoSc .hA3Ymb,
.TOb6Ze .hA3Ymb,
.kix-ai-text-generator-onboarding-dialog-title {
color: var(--primary-text-color);
}
input,
.docs-title-input:focus,
.docs-gm .modal-dialog .jfk-textinput,
.docs-gm.docs-material-gm-dialog .jfk-textinput,
.docs-gm .docs-material-bubble .jfk-textinput,
#gb a.gb_1.gb_1,
#accounts-button,
#accounts-button :last-child,
body.docs-gm:not(.docs-grille-gm3) .docos-anchoredreplyview .docos-anchoredreplyview-body *,
.docos-streamdocoview-body *,
.TBnIgc:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd {
color: var(--primary-text-color) !important;
}
.apps-shortcutshelpcontentimpl-reset-search-button-icon,
.docs-palette-close-icon,
.docs-palette-grippy-icon,
svg.kix-dropdown-item-selection-button-icon {
fill: var(--primary-text-color) !important;
}
/* SECONDARY TEXT COLOR */
.docs-gm .docs-ruler-face-number,
.docs-gm .docs-menubar .goog-control,
.docs-material .goog-toolbar-button,
.docs-material .goog-toolbar-menu-button,
.docs-material .goog-toolbar-combo-button-input,
.docs-gm .goog-menuitem,
.docs-parent-collections-container-prefix,
.docs-parent-collections-container-text,
.docs-parent-collections-container-folder-name,
.docs-save-indicator-popup-text,
.docs-save-indicator-popup-subtitle,
.docs-bubble,
.kix-spell-bubble .kix-spell-bubble-suggestion-text,
.docs-feedbackmenu-troubleshoot-item,
.document-details-entry-text,
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component span,
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover,
.outline-refresh .navigation-item,
.outline-refresh .navigation-widget-empty-content,
.docs-material.docs-presence-plus-widget-overflow-menu .goog-menuheader,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name,
.goog-menuitem-highlight .goog-menuitem-content,
.goog-menuitem-hover .goog-menuitem-content,
.docs-gm .docs-revisions-tile-collaborator-name,
.docs-gm .docs-revisions-tile-descriptor,
.docs-gm .docs-revisions-tile-text-box~.docs-revisions-tile-descriptor,
.docs-revisions-tile-text-box:disabled,
.docs-gm .docs-revisions-sidebar-name-filter-switch-container label,
.apps-actiondatawidget-shortcut-desc,
.apps-shortcutshelppopup,
.docs-voice-mic-bubble,
.docs-voice-activity-bubble,
.goog-flat-menu-button,
.docs-mic-palette .goog-flat-menu-button-caption,
.docs-gm .modal-dialog.google-url-picker,
.docs-gm #docs-offline-optinpromo-description,
.docs-gm #docs-offline-optinpromo-learn-more-container,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-caption,
.docs-findinput-count,
.script-promo-menu-item-title,
.docs-gm .docs-linkbubble-bubble,
.docs-gm .docs-multi-linkbubble-bubble,
.docs-gm .kix-translatedialog-desc,
.docs-gm .kix-translatedialog-label,
.docs-link-smartlinksuggestioncontentbox-offline-label,
.docs-link-smartlinksuggestioncontentbox-empty-label,
#docs-toolbar-iterator-label,
.docs-gm .docs-details-value,
.docs-material-hsv-color-picker-text,
.kix-pagesetupdialog-content-canvas .kix-pagesetupdialog-canvas-description-text,
.docs-revisions-filter-selector .goog-menuitem-content,
.docs-revisions-filter-selector .docs-material-gm-select-caption,
.kix-smart-summary-onboarding-promo-content-description,
.navigation-widget-header,
.i5S8cc,
.meet-video-promo-bubble-description,
.docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body>*>*,
.docos-streamdocoview-body>*>*,
.docs-gm .docos-anchoreddocoview .docos-input-at-reply-message,
.docs-gm .docos-anchoreddocoview .docos-input-acl-fixer-message,
.docs-gm .docos-anchoreddocoview .docos-input-assignment-message,
.docs-gm .docos-anchoreddocoview .docos-input-static-message,
.docs-modality-header-message-component-title,
.docs-dropdown-item-preview-control-title,
.kix-headerfooterdialog-units,
.kix-spellcheck-with-explanation-bubble .kix-spellcheck-with-explanation-bubble-ex...