Skip to content

Schoology - Dark Compact by tnings

Screenshot of Schoology - Dark Compact

Details

Authortnings

LicenseNo License

Categoryschoology

Created

Updated

Size12 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Schoology theme that compacts some elements

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Schoology - Dark Compact
@version      20220331.20.05
@namespace    userstyles.world/user/tnings
@description  Schoology theme that compacts some elements
@author       tnings
@license      No License
==/UserStyle== */

@-moz-document domain("schoology.com") {
/*----------------------------Colors----------------------------*/

:root
{
    --main-color: #1a1b1c;
    --main-color-box-shadow: #0f0f10;
    --card-color: #1a1b1c;
    --bg: #1e2022;
    --box-shadow: #141415;
    --link-color: #fafafc;
    --text-color: #b8b9bc;
    --anime: bounce 1500ms linear both;
    --anime-reverse: bounce-reverse 1500ms linear both;
}

/*----------------------------Changes----------------------------*/

body{
    background: var(--bg) !important;
    color: var(--text-color) !important;
}

.s-enable-course-dashboard.theme-2016-layout #main{
    background: transparent !important;
}
#main-inner{
    background: transparent !important;
}

._1SIMq
{
    background-color: var(--main-color) !important;
    box-shadow: 0 5px var(--main-color-box-shadow);
}

#overdue-submissions{
    background: var(--card-color) !important;
    border: 1px solid var(--box-shadow) !important;
}

.upcoming-events-wrapper{
    background: var(--card-color) !important;
    border: 1px solid var(--box-shadow) !important;
}

#course-events {
    padding: 20px;
}

#folder-contents-table .folder-contents-cell{
    border-color: var(--box-shadow) !important;
}

.theme-2016 #right-column a{
    color: var(--text-color);
    background: var(--card-color) !important;
}

.theme-2016 .date-header h4{
    color: var(--text-color);
}

.theme-2016 #right-column h4 span:not(.subevent-count), .theme-2016 #right-column .empty{
    color: var(--text-color);
}

.theme-2016 #right-column h3{
    color: var(--text-color);
}

.sgy-tabbed-navigation li.active {
  border-bottom: 5px solid var(--link-color);
}

li.active > .sExtlink-processed{
    color: var(--link-color) !important;
}

.sExtlink-processed{
    color: var(--text-color) !important;
}

._1D8fw{
    color: var(--text-color) !important;
}

._2mWUT._3RmDr._2xvND._2trRU.j17AQ.S42JQ._1Z0RM._3brnw.QshRx._2ue1O.les2-.util-box-shadow-dropdown-2Bl9b.util-margin-top-negative-point-four-3GRLY.fjQuT.uQOmx{
    
    background: var(--main-color-box-shadow);;
}

._2P7CY:focus, ._3HOk8:hover, ._37jp-:active, ._37jp-:active:focus, .les2-{
    border-color: var(--main-color-box-shadow);
}

/* Home Cards */
.sgy-grid-layout__item{
    width: 49%;
    height: 70px !important;
}

.sgy-card{
    background-color: var(--card-color) !important;
    border-color: var(--box-shadow) !important;
    transition: all .2s ease-in-out;
}

.sgy-card:hover{
    transform: scale(1.05);
}

.sgy-card-lens{
    display: none !important;
}

.course-dashboard .sgy-card-context{
    width: 100%;
    max-width: 100%;
    height: 80%;
    
    color: var(--text-color);
}

.sgy-card > .sgy-card-context:hover{
    color: var(--link-color);
}

.sgy-card-subcontext{
    color: var(--text-color);
}

.sgy-multiline-ellipsis__split-part {
  float: left;
}

/* Course Cards */
._2q19q.Card-card-image-uV6Bu{
    display: none;
}

._1Z0RM._1tpub.Card-card-data-17m6S{
    background-color: var(--card-color) !important;
    border-color: var(--box-shadow) !important;
}

._1Z0RM._1tpub.Card-card-data-17m6S {
  height: 40px;
}

._1wP6w._23_WZ._2qcpH._3ghFm._17Z60._1Aph-.gs0RB {
  display: none;
}

._2wOCj.xjR5v._2qcpH._17Z60._1Aph-.gs0RB{
    display: none;
}

._2UdSL{
    border-color: var(--box-shadow) !important;
}

body a, body .clickable, body .smart-box .filter-block li a, body #content-left-top .item-list li a, body .popups-tab, body .enrollment-filters span, body .grading-groups-list .grading-group, body #grading-group-create:hover{
    color: var(--text-color);
}

._1rsSg:active, ._2WKzc:hover:not(:active), ._3U8Br, ._21bOr:focus:not(:active){
    color: var(--text-color) !important; 
}


.uQOmx._2UdSL._2awxe._1EwGW._2v5vf.Ivlky > a{
    outline-color: transparent !important;
}

/* Course Page */
.has-right-col #center-top{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}

#main-content-wrapper{
    background: transparent !important;
    border-color: var(--box-shadow) !important;
}

#center-wrapper{
    background: transparent;
}


#center-inner{
    border-color: var(--box-shadow) !important;
}

.materials-top{
    border-color: var(--box-shadow) !important;
}

.materials-filter-wrapper.s-js-materials-filter-wrapper{
    transform: translatey(-22px);
    background-color: var(--card-color) !important;
    border: 1px solid var(--box-shadow) !important;
}

.materials-filter-wrapper .action-links-wrapper .action-links-unfold{
    color: var(--text-color);
}

.action-links{
    background-color: var(--card-color) !important;
    border-color: var(--box-shadow) !important;
}

#course-events.upcoming-events-wrapper{
    border-color: var(--box-shadow) !important;
}

#event-selector .active{
    color: var(--text-color) !important;
}

.course-materials-left-menu.active.sExtlink-processed.sCourse-processed{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}
.course-updates-left-menu.active.sExtlink-processed{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}
.course-student-grade-left-menu.active.sExtlink-processed{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}
.course-student-competency-left-menu.active.sExtlink-processed{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}
.course-member-left-menu.active.sExtlink-processed{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}
.app-link.active.sExtlink-processed.sAppMenu-processed{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}

.has-folder-player #center-top .content-top-upper, .has-materials-player #center-top .content-top-upper{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}

a.link-btn.download.popups-processed.sExtlink-processed{
    background-color: transparent !important;
    border-color: var(--box-shadow) !important;
}

._2mWUT._3RmDr._2xvND._2trRU.j17AQ.S42JQ._1Z0RM.util-width-thirty-nine-1B-gb.VSOiH._2ue1O.les2-.util-box-shadow-dropdown-2Bl9b.util-margin-top-negative-point-four-3GRLY.fjQuT.uQOmx{
    background-color: var(--card-color) !important;
    border: 1px solid var(--box-shadow) !important;
    
}

#course-profile-materials{
    background-color: transparent !important;
}

#center-top{
    border-color: var(--box-shadow) !important;
}

._1SIMq._2kpZl._3OAXJ._13cCs._3_bfp._2M5aC._24avl._3v0y7._2s0LQ._3ghFm._3LeCL._31GLY._9GDcm._1D8fw.util-height-six-3PHnk.util-pds-icon-default-2kZM7.util-line-height-six-3lFgd.util-text-decoration-none-1n0lI.N90-5._1ILJt._1jai5._2mytC.Z_KgC.QshRx{
    background-color: var(--bg) !important;
}

._17Z60.util-display-table-cell-3A7vD{
    color: var(--text-color) !important;
}

.ii1R0._3H0oJ{
    color: var(--text-color) !important;
    opacity: 50%;
}

._3skcp{
    border-color: var(--box-shadow) !important;
}

.util-hover-background-color-cloud-grey-wHghL:hover{
    background-color: var(--bg) !important;
}

._2s0LQ{
    color: var(--text-color) !important;
}

.gradebook-course, .attendance-course{
    border-color: var(--box-shadow) !important;
}

.gradebook-course.hierarchical-grading-report .period-row .td-content-wrapper, .gradebook-course.hierarchical-grading-report .final-row .td-content-wrapper{
    border-color: var(--box-shadow) !important;
}

.gradebook-course.hierarchical-grading-report .td-content-wrapper{
    border-color: var(--box-shadow) !important;
}

.gradebook-course.hierarchical-grading-report .summary-course{
    background-color: var(--card-color) !important;
    border-color: var(--box-shadow) !important;
}

.gradebook-course.hierarchical-grading-report .summary-course .course-grade-wrapper .course-grade-text{
    color: var(--text-color) !important;
}

#home-feed-container{
    background: var(--card-color) !important;
    border: 1px solid var(--box-shadow) !important;
}

span{
    color: var(--text-color) !important;
}

.gray{
    color: var(--link-color) !important;
}

#home-feed-container #smart-box{
    border-color: var(--box-shadow) !important;
}

.s-edge-feed li{
    border-color: var(--box-shadow) !important;
}

.with-tabs #center-top, .has-right-col .with-tabs #center-top{
    background: transparent;
}

body ul.primary{
    background: transparent;
}

.privatemsg-list td {
    border-color: var(--box-shadow) !important;
    background: transparent;
}

.new-message-access #more-actions{
    border-color: var(--box-shadow) !important;
    background: transparent;
}

table.privatemsg-list{
    border-color: var(--box-shadow) !important;
}

body ul.primary{
    border-color: var(--box-shadow) !important;
}

body ul.primary li.active a, body ul.primary li.active a:hover{
    border-color: var(--box-shadow) !important;
    background: transparent;
}

body ul.primary li a, body ul.primary li a:hover, body ul.primary li a:visited{
    border: none;
    background: transparent !important;
}

.link-btn{
    border-color: var(--box-shadow) !important;
    background: transparent !important;
}

a.ui-selectmenu{
    border-color: var(--box-shadow) !important;
    background: transparent !important;
}

body.library-view #library-wrapper{
    border-color: var(--box-shadow) !important;
    background: transparent !important;
}

#collection-toolbar{
    border-color: var(--box-shadow) !important;
}

#collection-view-contents th{
    border-color: var(--box-shadow) !important;
}

#collection-view-contents{
    border-color: var(--box-shadow) !important;
}

#library-left .collections-list-wrapper{
    border-color: var(--box-shadow) !important;
}
...

Reviews

No reviews yet.