A nice skeuomorphic theme for Google Classroom
Skeuomorphic Google Classroom by SatinFoil
Details
AuthorSatinFoil
LicenseNo License
Categoryclassroom.google.com
Created
Updated
Size2.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
UPDATE 10.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 20241011.02.55
@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(#e8e8e8 0%, #f3f3f3 50%, #d3d3d3 50%, #e4e4e4 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(#5ab5ee 0%, #63c3ff 50%, #0083d5 50%, #029eff 100%) !important;
color: white !important;
transition: 0.2s;
}
.VfPpkd-LgbsSe:hover {
background: linear-gradient(#73bfee 0%, #8cd3ff 50%, #02c0ec 50%, #48d3ff 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;
}
}