Skip to content

Google Classroom decayce Mode by xploien

Details

Authorxploien

LicenseNo License

Categoryclassroom.google.com

Created

Updated

Size46 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

just recolor using sed linux command all creddit to colebot

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Google Classroom decayce Mode
@version      20221211.08.09
@namespace    userstyles.world/user/colebot
@description  Decayce re color Theme for Google Classroom - Supports both student and teacher views!
@author       colebot and recolor by PoE
@license      CC BY-SA - Creative Commons Attribution-ShareAlike
==/UserStyle== */
@-moz-document domain("classroom.google.com") {
    body {
        background-color: #0d0f18;
        color: #cbced3;
    }
    /* nav bar */
    .joJglb {
        /* bottom border */
        border-color: #151720;
    }
    .joJglb .QRiHXd {
        background-color: inherit;
    }
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof) .P3W0Dd-Ysl7Fe:focus,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof).maXJsd:focus .P3W0Dd-Ysl7Fe,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof) .maXJsd:focus .P3W0Dd-Ysl7Fe,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof) .UISY8d-Ysl7Fe:hover,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof).MymH0d:hover .UISY8d-Ysl7Fe,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof) .MymH0d:hover .UISY8d-Ysl7Fe,
    .wZTANe .J1raN:hover {
        /* nav buttons, focus/hover */
        background-color: #18192B;
    }
    .wZTANe .J1raN:hover {
        /* non-current tab text color */
        color: #cbced3;
    }
    .kYtXye .bFjUmb-Ysl7Fe.kRqvHe,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof).bFjUmb-Ysl7Fe,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof) .bFjUmb-Ysl7Fe,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof).CNpREd.bFjUmb-Ysl7Fe,
    :is(.Ag4wUb, .WFUiUb, .zvzLKc, .g2MItd, .S3aLQd, .Mupove, .ee1HBc, .UvHKof).CNpREd .bFjUmb-Ysl7Fe {
        /* loading bar - Eduardo */
        background-color: #18192B;
    }
    .A6dC2c-J3yWx {
        /* class title */
        color: #cbced3;
    }
    
    /* classroom title text */
    .rpo4wf-J3yWx {
        color: #cbced3!important;
    }

    /* icons */
    svg,
    .gb_qa svg {
        color: #cbced3;
    }

    /* logo text */
    .IqJTee {
        color: #cbced3;
    }

    .QNajvd {
        color: #cbced3;
    }

    /* classes grid */
    .JwPp0e li {
        /* class options menu items */
        background-color: #11131c;
        border-color: #11131c;
        box-shadow: none;
    }

    .JwPp0e li:hover {
        /* class options menu items hover */
        box-shadow: none;
    }

    .JwPp0e li .QRiHXd {
        /* class options menu items text */
        background-color: inherit;
    }
    
    .rZXyy.YwNp1, .rZXyy:not(.u0dx8e):not(.ILo0B):not(.xp2dJ):hover, .rZXyy:not(.u0dx8e):not(.ILo0B):not(.xp2dJ):focus {
        /* remove extra box shadow for class cards */
        box-shadow: none;
    }
    
    /* underneath dragged class */
    .TisIWb .kKn9Nc::before {
        background-color: transparent;
    }
    
    /* move class pop-up */
    .dDKhVc-Wvd9Cc {
        /* 'after' text label */
        color: #999;
    }

    /* add attachment popup item icons */
    .xSP5ic, .xSP5ic.yHy1rc {
        color: #cbced3;
        fill: #cbced3;
    }
    
    
    .SZ0kZe {
        border-color: #151720;
    }

    .oBSRLe {
        color: #cbced3;
    }

    .apFsO.onkcGd,
    .apFsO.onkcGd:visited {
        color: #cbced3;
    }

    .JPdR6b.hVNH5c.qjTEB {
        background-color: transparent;
    }

    .JAPqpe {
        background-color: #18192B;
        border-color: #18192B;
        border-radius: 5px;
    }

    .z80M1 {
        color: #cbced3;
    }

    .z80M1:hover {
        background-color: #313131;
    }

    .I7OXgf {
        background-color: #11131c;
    }

    .joJglb {
        background-color: #11131c;
    }

    .Qks78e,
    .QRiHXd {
        background-color: inherit;
    }

    .thP79c:hover {
        background-color: #181818;
    }

    .Shk6y {
        color: #cbced3;
    }

    .asQXV {
        color: #cbced3;
    }

    .d4Fe0d {
        background-color: #11131c;
        border-color: #11131c;
        filter: drop-shadow(0 0 5px #151720);
    }

    .EZrbnd {
        color: #cbced3;
    }

    .nforOe,
    .onkcGd,
    .onkcGd:hover * {
        color: #cbced3!important;
    }

    .OX4Vcb {
        background-color: #11131c;
    }

    .Xi8cpb:hover {
        border-radius: 0 2rem 2rem 0;
        background-color: #0d0f18;
    }

    .FLgDTb {
        background-color: #0d0f18;
        border-color: #0d0f18;
    }

    .E5f6Vd {
        border-color: #161616;
    }

    .ipmZkd {
        color: #cbced3;
    }

    .tLDEHd {
        color: #cbced3;
    }

    .EfLcNb {
        color: #cbced3;
    }

    .X65jac {
        color: #cbced3;
    }

    .ViCi4 {
        color: #cbced3;
    }

    .rpo4wf {
        color: #cbced3;
    }

    .n4xnA,
    .qhnNic {
        background-color: #11131c;
        border-color: #11131c;
        box-shadow: 0 0 5px #151720;
    }

    .n4xnA {
        filter: none;
    }

    /* class comments */
    .s2g3Xd,
    .ar1wE .eqqrO,
    .ySjuvd .eqqrO,
    .PeGHgb.Q8U8uc .Ono85c + .oh9CFb,
    .PeGHgb.Q8U8uc .ruTJle + .fETHd,
    .ZNE4y {
        border-color: #333;
        border-width: 1px;
    }

    .pco8Kc {
        color: #cbced3;
    }

    .zOtZye {
        background-color: #11131c;
        color: #cbced3;
    }

    .qk0lee .K6Ovqd {
        color: #cbced3;
    }
    .qk0lee:hover .K6Ovqd {
        color: #a0a0a0;
    }

    .hgjBDc {
        background-color: #11131c;
    }

    .WOPwXe {
        color: #cbced3;
    }

    .I2pI {
        color: #cbced3;
    }

    .oJeWuf {
        color: #cbced3;
    }

    .OA0qNb {
        background-color: #11131c;
    }
    
    .ybOdnf .OA0qNb {
        /* shadow behind dropdown menus */
        box-shadow: 0 0 10px #151720;
    }

    .jgvuAb {
        border-color: #313131;
    }

    .mbHMhf {
        background-color: #313131;
    }

    .ncFHed .MocG8c.KKjvXb {
        background-color: #0d0f18;
    }

    .DShyMc-AaTFfe .UISY8d-Ysl7Fe:hover,
    .DShyMc-AaTFfe.MymH0d:hover .UISY8d-Ysl7Fe,
    .DShyMc-AaTFfe .MymH0d:hover .UISY8d-Ysl7Fe {
        background-color: #151720;
    }

    .wZTANe .J1raN {
        color: #cbced3;
    }

    .uqpvt {
        filter: invert(.88);
    }

    .snByac {
        /* button text */
        color: #cbced3;
        transition: color .2s .1s;
    }
    :is(.Y5sE8d.RDPZE, .YhQJj.RDPZE, .An19kf.RDPZE) .snByac {
        /* disabled button text */
        color: #606060;
    }

    .NjE5zd {
        color: #cbced3;
    }

    .W4hhKd {
        color: #cbced3;
    }
    
    /* join class page */
    .gKkZCe {
        border-color: #151720;
    }

    /* classwork category headers */
    .JBMs6:hover {
        background-color: #11131c;
    }

    .DShyMc-MzM4ODQ1NTAyODda .VnOHwf-Tvm9db {
        color: #cbced3;
    }

    .DShyMc-MzM4ODQ1NTAyODda .UISY8d-Ysl7Fe:hover {
        background-color: #151720;
    }

    .DShyMc-MzM4ODQ1NTAyODda .UISY8d-Ysl7Fe {
        border-color: #151720;
    }

    .I2Bonc {
        background-color: #11131c;
        border-color: #11131c;
    }

    .BOW64 {
        background-color: #151720;
        border: 2px solid #11131c;
        border-radius: 5px;
    }

    .l7z6cd,
    .DPvwYc {
        color: #cbced3;
    }

    .pOf0gc {
        border-color: transparent;
        background-color: transparent;
    }

    .A6dC2c {
        color: #cbced3;
    }

    .DShyMc-MTQ3MzQxMzQxODA0.VnOHwf-Tvm9db,
    .DShyMc-MTQ3MzQxMzQxODA0 .VnOHwf-Tvm9db,
    .DShyMc-MTQ3MzQxMzQxODA0.CNpREd .VnOHwf-Tvm9db {
        color: #cbced3;
    }

    .DShyMc-MTQ3MzQxMzQxODA0 .VBEdtc-Wvd9Cc:hover,
    .DShyMc-MTQ3MzQxMzQxODA0.MymH0d:hover .VBEdtc-Wvd9Cc,
    .DShyMc-MTQ3MzQxMzQxODA0 .MymH0d:hover .VBEdtc-Wvd9Cc {
        color: #cbced3;
    }

    .DShyMc-MTQ3MzQxMzQxODA0 .UISY8d-Ysl7Fe:hover,
    .DShyMc-MTQ3MzQxMzQxODA0.MymH0d:hover .UISY8d-Ysl7Fe,
    .DShyMc-MTQ3MzQxMzQxODA0 .MymH0d:hover .UISY8d-Ysl7Fe {
        background-color: #151720;
    }

    .DShyMc-MzM4ODQ1NTAyODda .nRLOzd:hover,
    .onkcGd:hover,
    .onkcGd:focus {
        color: #cbced3;
    }

    .ksaOtd {
        color: #cbced3;
    }

    .HG7HUc:hover {
        background-color: #0d0f18;
    }

    .HG7HUc * {
        background-color: transparent!important;
    }

    .lXuxY,
    .pO6AMc,
    .PqkECe {
        box-shadow: 0 0 5px #151720;
        background-color: #18192B;
    }
    
    /* settings */
    .z3vRcc, .tDxNLe {
        color: #cbced3;
    }
    
    /* section view */
    .xPAMbf {
        /* assignment internal borders */
        border-color: #333;
    }

    /* 'your work' cards */
    .uQ3ESd {
        /* card expansion background */
        background-color: #18192B;
    }
    .P02DYb, .lXuxY .u73Apc {
        /* expanded borders */
        border-color: #333;
    }
    .OlXwxf.lXuxY:hover {
        /* fix movement on hover change */
        border-top: 0.0625rem solid transparent;
    }
    .tUJKGd.lXuxY:hover + .tUJKGd, .tUJKGd.lXuxY:focus-within + .tUJKGd {
        /* fix movement on hover change */
        border-top: 0.0625rem solid #282A47;
    }
    
    .d6CWTd {
        /* people list borders */
        border-color: #333;
    }
    

    .wQuPk .JsqLM.N4XV7d,
    .wQuPk .wMvEnb,
    .wQuPk .wMvEnb.pCcXPe,
    .wQuPk .wMvEnb.N4XV7d,
    .wQuPk .JsqLM.pCcXPe {
        color: #cbced3;
    }

    .TuHiFd {
        border-color: #313131;
        border-radius: 5px;
    }

    .bxp7vf {
        border: none;
    }

    .pco8Kc html-blob span a {
        color: #cbced3;
    }

    .DShyMc-MTIwNzY0OTYzOTc2 .VnOHwf-Tvm9db:hover,
    .DShyMc-MTIwNzY0OTYzOTc2 .VnOHwf-Tvm9db:focus {
        background-color: #0d0f18;
    }

    .ECOutf,
    .zaxms {
        background-color: #313131;
        border-color: #313131;
        box-shadow: 0 0 5px #0d0f18;
    }

    .D3oBE...

Reviews

No reviews yet.