/* ==UserStyle==
@name        Classroom Dark
@description Dark theme for classroom.google.com
@namespace   Classroom Dark
@version     1.0.0
@author      RDIL
@homepageURL https://github.com/rdilweb/Classroom-Dark
@updateURL   https://raw.githubusercontent.com/rdilweb/Classroom-Dark/master/classroom-dark.user.css
@supportURL  https://github.com/rdilweb/Classroom-Dark/issues
@license     MIT
==/UserStyle== */

/*
 * Make the background dark.
 */
body, nav {
    background-color: #24292e !important;
}

/*
 * Make the icons on the top navigation white for contrast.
 */
nav svg path {
    color: white;
}

/*
 * Make the word "Classroom" next to the logo white.
 */
a, h1 span {
    color: white !important;
}

/*
 * Dark icons on the sidebar.
 */
div[role="menu"] svg path {
    color: #585858;
}

/*
 * Fix certian colors being overrided.
 */
li a {
    color: inherit !important;
}

/*
 * Make background of the card on the homepage dark
 */
.Aopndd {
    background-color: #1d2125 !important;
}

/*
 * Make icons at the bottom of the cards on the homepage light
 */
.SZ0kZe > div {
    color: lightgray !important;
}

/*
 * Make text on the (now dark) cards on the homepage visible easily.
 */
.jJIbcc {
    color: white !important;
}

/* Make task due dates light */
.oBSRLe {
	color: rgba(255,255,255,.549) !important;
}

/* Make task names light */
.apFsO.onkcGd, .apFsO.onkcGd:visited {
  color: rgba(255,255,255,.87) !important;
}

/*
 * For the pop-out sidebar.
 */
.ETRkCe .YVvGBb {
    color: #24292e;
}

/*
 * Assignment details screen text.
 */
.lziZub, .jlVFDe, span .VMvujb {
    color: white !important;
}

/*
 * Assignment blocks on the todo list.
 */
div[data-stream-item-type="assignment"] .YVvGBb {
    color: #24292e !important;
}

/*
 * The topics tabs on the classwork screen.
 */
aside[role=complimentry] div ul[guidedhelpid=topicSidebarGH] li {
    color: white;
}

/*
 * Upcoming box on the stream.
 */
.lziZub.sdDCme {
    color: #24292e !important;
}

/*
 * People page - text.
 */
.sCv5Q, .asQXV {
    color: white !important;
}

/*
 * People page - text.
 */
.FdiTFb, .A6dC2c {
    color: white !important;
}

/*
 * Calendar - dropdown.
 */
.vRMGwf, .oJeWuf {
    color: grey !important;
}

/*
 * Calendar - page text.
 */
.l7z6cd, .Evt7cb {
    color: grey !important;
}

/*
 * Stream - "announce something to your class" bar.
 */
div[guidedhelpid=courseInlineCreatorGH] {
    background-color: white !important;
}

/* Task Details - Description */
.tLDEHd {
    color: lightgray !important;
}

/* Task Details - "Your work" */
.z3vRcc {
    color: #d8d9d9 !important;
}

/* Task Deails - Small Information */
.cSyPgb {
	color: #afb1b4 !important;
}

/* Material Details - "Add a class coment" - Text */
.Lzdwhd-BrZSOd {
    color: rgba(255, 255, 255, 0.24);
}

.O98Lj {
    color: #fff !important;
}

/* Class - Upcoming - Background */
.d4Fe0d {
    background-color: #1d2125 !important;
}

/* Class - Upcoming - "Upcoming" */
.EZrbnd {
    color: lightgray !important;
}

/* Class - Add Comment - Background */
div[guidedhelpid="courseInlineCreatorGH"] {
	background-color: #1d2125 !important;
}

/* Class - Add Comment - Input Text */
.K6Ovqd {
    color: lightgray !important;
}

/* Class - Add Comment : Writting - Background */
.hgjBDc, .vnnr5e .I9OJHe, .vnnr5e .CIy9F {
    background-color: #1d2125 !important;
}

/* Class - Add Comment : Writting - Icons */
.vnnr5e .Aworge, .XpxsVb .Aworge {
    color: lightgray !important;
}

/* Class - Add Comment : Writting - Input Text */
.UQuaGc.RDPZE {
    color: rgba(255, 255, 255, 0.38) !important;
}

/* Classwork - List : Hover - Background (It applies to other hovered elements) */
.WFUiUb .tUJKGd:not(.xp2dJ):not(.rZXyy):hover .j6KDAd, .WFUiUb .tUJKGd:not(.xp2dJ):not(.rZXyy):hover .idtp4e, .WFUiUb .ZoT1D:hover.j6KDAd, .WFUiUb .ZoT1D:hover.idtp4e, .WFUiUb .ZoT1D:hover .j6KDAd, .WFUiUb .ZoT1D:hover .idtp4e, .WFUiUb .UISY8d-Ysl7Fe:hover, .WFUiUb.MymH0d:hover .UISY8d-Ysl7Fe, .WFUiUb .MymH0d:hover .UISY8d-Ysl7Fe {
    background-color: #737a75 !important;
}

/* Classroom - Classwork - List - Date */
.wCDkmf {
    color: rgba(255,255,255,.549) !important;
}

/* Classroom - Classwork - Index */
.IMvYId:not(.VnOHwf-Wvd9Cc):not(.rUnD6d), .IMvYId:visited:not(.rUnD6d):not(.rUnD6d) {
    color: rgba(255, 255, 255, 0.55) !important;
}