Skip to content

[WIP] Google Docs/Services Skeuomorphic/Aero Theme by SatinFoil

Details

AuthorSatinFoil

LicenseNo License

Categorydocs.google.com

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A skeuomorphic / aero theme for a variety of Google services.

Notes

This is a WIP! Many things are unfinished.

Source code

/* ==UserStyle==
@name         [WIP] Google Docs/Slides/Sheets Skeuomorphic / Aero Theme
@version      20241031.19.15
@namespace    https://userstyles.world/user/SatinFoil
@description  A skeuomorphic / aero theme for a variety of Google services.
@author       SatinFoil
==/UserStyle== */

@-moz-document domain("docs.google.com") {
/* topbar */
.docs-collapsable-toolbar {
    background: linear-gradient(#fdfdfd 0%, #e4e4e4 50%, #c6c6c6 50%, #e8e8e8 100%) !important;
}
#docs-chrome {
    background: linear-gradient(white, gray) !important;
}
.docs-titlebar-buttons-view-mode, .docs-titlebar-buttons {
    background: transparent !important;
}
#punch-start-presentation-right, #punch-start-presentation-left {
    background: linear-gradient(white, gray) !important;
}
#punch-start-presentation-right:hover, #punch-start-presentation-left:hover {
    background: linear-gradient(gray, white) !important;
}
.docs-titlebar-button {
  background: linear-gradient(#c2e7ff 0%, #6ea6ca 50%, #1978b5 50%, #72c1f5 100%) !important;
}
.docs-titlebar-button:hover {
    background: linear-gradient(#c2fffa 0%, #6ecac4 50%, #19b58b 50%, #72f5c5 100%) !important;
}
#docs-access-level-indicator {
    background: linear-gradient(#c2e7ff 0%, #6ea6ca 50%, #1978b5 50%, #72c1f5 100%) !important;
}
#docs-access-level-indicator:hover {
    background: linear-gradient(#c2fffa 0%, #6ecac4 50%, #19b58b 50%, #72f5c5 100%) !important;
}
/* more */
 .chapter-item-label-and-buttons-container-selected {
    background: linear-gradient(white, gray) !important;
}
.chapter-item-label-and-buttons-container-selected:hover {
    background: linear-gradient(gray, white) !important;
}
.companion-guest-app-switcher {
    background: linear-gradient(to right, white, gray) !important;
    box-shadow: -5px 0px 15px gray;
}
}

Reviews

No reviews yet.