colebot Dark theme but with decayce color palete
https://github.com/decaycs/decaycs
https://userstyles.world/style/7655/google-classroom-dark-mode
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...