A nice skeuomorphic theme for Google Classroom
Skeuomorphic Google Classroom by SatinFoil
Details
AuthorSatinFoil
LicenseNo License
Categoryclassroom.google.com
Created
Updated
Size2.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
UPDATE 10.29.2024 (Oct. 29 2024) 18:32 (6:32 PM)
Greatly improved the gradients. They look much more glossy now and less flat-ish.
UPDATE 10.10.2024 (Oct 10 2024) 22:55 (10:55 PM)
Small Bug Fixes (Likely due to Google pushing an update)
Source code
/* ==UserStyle==
@name Skeuomorphic Google Classroom
@version 20241029.22.34
@namespace https://userstyles.world/user/SatinFoil
@description A nice skeuomorphic theme for Google Classroom
@author SatinFoil
@license No License
==/UserStyle== */
@-moz-document domain("classroom.google.com") {
.QRiHXd, .n4xnA, .d4Fe0d:not(.JZicYb, .YJHsie) {
background: linear-gradient(#f3f3f3 0%, #ddd 50%, #c4c4c4 50%, #eaeaea 100%);
}
.d4Fe0d span {
font-size: 14px;
}
.KEDCCd {
background: linear-gradient(#595959, #303030) !important;
color: white !important;
}
.u2mfde {
color: white !important;
}
.u2mfde {
border-left: 1px solid #474747;
border-right: 1px solid #474747;
}
.u2mfde:hover {
background: linear-gradient(#303030, #595959) !important;
/* text-shadow: 0px 0px 15px white, 1px 0px 15px white, 0px 1px 15px white; */
text-shadow: 0px 0px 15px #35bbff, 1px 0px 15px #35bbff, 0px 1px 15px #35bbff !important;
}
.u2mfde:hover {
color: #35bbff !important;
transition: 0.2s;
}
.u2mfde {
transition: 0.2s;
}
.tfGBod {
border: 5px solid #fff0;
}
.NMm5M {
color: black;
}
.kFwPee {
background: linear-gradient(#f3f3f3, #bebebe) !important;
}
.IzVHde {
background: linear-gradient(#f3f3f3, #bebebe) !important;
}
.v9TZ3c {
box-shadow: 0px 5px 10px #939393 !important;
}
/* sidebar */
.OX4Vcb {
background: linear-gradient(#f3f3f3, #979797);
/* background: url(); */
background-size: 100vw 100vh;
}
.STek2d {
box-shadow: 5px 7px 30px #6b6b6b !important;
}
/* buttons */
.VfPpkd-LgbsSe {
background: linear-gradient(#63bef7 0%, #3e93c8 50%, #006eb3 50%, #86d1ff 100%) !important;
color: white !important;
transition: 0.2s;
}
.VfPpkd-LgbsSe:hover {
background: linear-gradient(#63edf7 0%, #3ec8c6 50%, #009bb3 50%, #86fffd 100%) !important;
text-shadow: 0px 0px 15px #fff, 1px 0px 15px #fff, 0px 1px 15px #fff;
transition: 0.2s;
}
.VfPpkd-dgl2Hf-ppHlrf-sM5MNb svg {
color: white !important;
}
/* Home */
.Vx8Sxd {
color: black !important;
}
}