Skip to content

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

A nice skeuomorphic theme for Google Classroom

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;
}


}

Reviews

No reviews yet.