Skip to content

Customizable Google Classroom Background v4 by NotKoby

Screenshot of Customizable Google Classroom Background v4

Details

AuthorNotKoby

LicenseCC BY-ND

Categoryhttps://www.classroom.google.com

Created

Updated

Size890 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Adds a customizable background picture to Google Classroom!

Notes

I'm not updating this anymore as I have moved on to other projects. I'm sure most of the code still works but there might be bugs. You can try editing it yourself, or, if there's a major bug submit an issue on the GitHub and I'll try to fix it :D

Change the background in the easy to read code!

Update Log:
v1- Release
v2- New better default background
v3- New updates to the code to make the assignment information more visible. This was tested with Microsoft Edge and may not work on other browsers, customize it to your liking by editing the code (there are comments to help with this).
v4- Added visibility for to-do page.
v4.5- Changed the description

Source code

/* ==UserStyle==
@name         Google Classroom Background
@version      4.0
@namespace    userstyles.world/user/NotKoby
@description  Adds a background picture to Google Classroom!
@author       NotKoby
@license      CC BY-ND
==/UserStyle== */

@-moz-document url-prefix("https://classroom.google.com") {
/* Set the background image of the entire page */
body {
    background-image: url('https://cdn.pixabay.com/photo/2015/12/09/01/02/mandalas-1084082_960_720.jpg') !important;
    background-size: cover;
}

/* Set the background color of the assignment information container */
.EE538,
.asCVDb.BiaLW,
.Z3qXvc {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Adjust the background color of the assignment container */
.EE538 .EE538,
.asCVDb.BiaLW .asCVDb.BiaLW,
.Z3qXvc .Z3qXvc {
    background-color: #f1f1f1 !important;
}
}

Reviews

No reviews yet.