MySchoolApp/Blackbaud Dark Theme by tandpfun

/* ==UserStyle==
@name         MySchoolApp/Blackbaud Dark Theme
@version      20211101.15.20
@namespace    userstyles.world/user/tandpfun
@description  Dark theme for *.myschoolapp.com domains for schools using Blackbaud.
@author       tandpfun
@license      No License
==/UserStyle== */

@-moz-document domain("myschoolapp.com") {
/* Variables */
body {
    --background-color: #0E1116;
    --nav-color: #161B22;
    --nav-hover-color: #1C2128;
    --subnav-border-color: #090C10;
    
    --card-background: #161B21;
    --card-border: #30363d;
    --card-border-hover: #8b949e;
    --card-background-hover: #30363d;
    
    --link-color: #58a6ff;
    
    --theme-green: #57F287;
    --theme-yellow: #FEE75C;
    --theme-blurple: #5865F2;
    --theme-red: #ED4245;
}


.pri-100-bgc, .pri-100-bgc-hover:hover, .sec-15-bgc, .sec-15-bgc-hover:hover, .subnavbar, #site-nav ul.topnav > li > a.active, #site-nav ul.topnav > li > a:hover, .subnavbar .nav > .active > a, .subnavbar .nav > .active > a:hover, #site-nav DIV.subnav UL > li > a.active {
    background-color: var(--nav-color) !important;
    background-image: url();
    color: white !important;
    border: 0 !important;
}

.pri-100-fgc, .pri-100-fgc-hover:hover, .black-fgc, .black-fgc-hover:hover {
    color: white !important;
}

.white-bgc, #site-login-main-wrapper {
    color: white !important;
    background-color: var(--nav-color) !important;
    border: 0;
}

.sec-25-bgc-hover:hover, .divider-label > h6 {
    background-color: var(--nav-hover-color) !important;
}

.subnav {
    border-width: 1px !important;
    border-radius: 5px !important;
    border-color: var(--subnav-border-color) !important;
}

#site-nav-bottom, #site-header-bottom {
    background-color: var(--nav-hover-color) !important;
}

li.divider {
    background-color: var(--nav-hover-color) !important;
    border-bottom: 1px solid var(--nav-hover-color);
}

.sec-75-bordercolor, .sec-75-bordercolor-hover:hover {
    border-color: white;
}

.subnavbar .nav>li>a:hover {
    color: white !important;
    opacity: .75;
}

.subnavbar .nav>li>a {
    color: white;
    transition-duration: .15s;
}

/* Background */
body {
    background-color: var(--background-color);
}

/* Cards */
.well, .well-sm, .bb-tile, .whiteContainer1, .assignment-file-attach-box, .dropdown-menu, .bb-card, .teaserBox, .nav-filter, .sortContainer > div {
    background-color: var(--card-background) !important;
    border-color: var(--card-border);
    border-style: solid;
    border-width: 1px;
    color: white !important;
    box-shadow: none;
}

.bb-tile .bb-tile-title, .bb-tile-header, .bb-tile-content, .bb-action-bar, .bb-section-heading, .bb-card-title {
    background: none !important;
    border: 0 !important;
    color: white !important;
}

.popContainerStraight {
    background: 0;
    box-shadow: none;
    border: 0;
    text-shadow: none;
}

hr {
    border-top: solid 1px var(--card-border);
}

#courses #coursesContainer .row, #courses #advisoryContainer .row, #courses #communitiesContainer .row {
    background: 0 !important;
}

.imgNice, .img-frame {
    border-color: var(--card-border);
    border-style: solid;
    border-width: 1px;
}

/* Links */
a {
    color: var(--link-color);
}

a:hover, a:focus {
    color: var(--link-color);
    text-decoration: underline;
}

/* Special Elements */
.label-success {
    background: var(--theme-green);
}

.label-todo {
    background: var(--theme-blurple);
    color: white !important;
}

.label-warning {
    background: var(--theme-yellow);
}

.label-important {
    background: var(--theme-red);
}

.label {
    color: black;
}

.badge-danger {
    background: var(--theme-red);
}

.assignment-detail-header.completed .indicator-field {
    background:  var(--theme-green);
    color: black;
}

.assignment-detail-header.todo .indicator-field {
    background: var(--theme-blurple);
}

.assignment-detail-header.inprogress .indicator-field {
    background: var(--theme-yellow);
    color: black;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .nav>li>a:focus {
    color: white;
    background: var(--card-background-hover);
}

/* Form Elements */
select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn, .btn-default, .btn:not(.btn-link), .form-control {
    color: white !important;
    background-color: var(--card-background);
    background-image: none;
    border-color: var(--card-border);
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color,background-color,border-color;
    cursor: pointer;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: white !important;
    background-color: var(--card-background);
    background-image: none;
    border-color: var(--card-border);
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color,background-color,border-color;
    cursor: pointer;
}

select.input-sm:hover, .input-group-sm>select.form-control:hover, .input-group-sm>select.input-group-addon:hover, .input-group-sm>.input-group-btn>select.btn:hover, .btn-default:hover, .btn:not(.btn-link):hover, .chCal-state-default:hover, .chCal-state-default:hover .chCal-button-inner:hover {
    background-color: var(--card-background-hover) !important;
    border-color: var(--card-border-hover) !important;
    color: white;
}

.chCal-state-default, .chCal-state-default .chCal-button-inner {
    background-color: var(--card-background) !important;
    color: white;
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color,background-color,border-color;
    cursor: pointer;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
    color: white;
    background-color: var(--card-background-hover);
    border-color: var(--card-border-hover);
}



/* Class Page */
.section-heading, .thumbnail {
    background-color: var(--card-background);
    border-color: var(--card-border);
    border-style: solid;
    border-width: 1px;
    color: white;
}

.bb-page-heading, .thumbnail, .caption {
    color: white !important;
}

.nav.nav-tabs>li>a, .nav.nav-tabs ul.dropdown-menu>li>a, .nav-tabs.nav-justified>li>a, .nav-tabs.nav-justified ul.dropdown-menu>li>a {
    color: white !important;
}

.nav.nav-tabs>li>a:hover, .nav.nav-tabs ul.dropdown-menu>li>a:hover, .nav-tabs.nav-justified>li>a:hover, .nav-tabs.nav-justified ul.dropdown-menu>li>a:hover {
    background-color: var(--card-background-hover);
}

.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
    border: none;
    color: white;
}

table.table-sky thead {
    border: none;   
}

.sky-wait-mask, .sky-fixed-wait-mask {
    background: none !important;   
}

#academicclassmaincontainer > div > .row > .col-md-3 > div, #academicclassmaincontainer > div > div, #RosterCardContainer > .row > div {
    background-color: var(--card-background) !important;
    border-color: var(--card-border);
    border-style: solid;
    border-width: 1px;
    color: white;
}

.table thead {
    background-color: var(--card-background) !important;
    border-color: var(--card-border);
    border-style: solid;
    border-width: 1px;
}

.table thead tr th {
    border-color: var(--card-border);
    border-style: solid;
    border-width: 1px;
}

.table tbody tr td {
    border-bottom: 1px solid var(--card-border);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: 0;   
}

.pull-left, .ch, .bb-emphasized, .nav-filter H5, .message-list-body {
    color: white;
}

.assignment-detail-header-info {
    color: black;
}

.chCal-state-default .chCal-button-effect span {
    display: none;   
}
}