A skeuomorphic / aero theme for a variety of Google services.
[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
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;
}
}