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
Code size1.8 kB
Code checksumef82d62b
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;
}
}