Schoology theme that compacts some elements
Schoology - Dark Compact by tnings

Details
Authortnings
LicenseNo License
Categoryschoology
Created
Updated
Code size12 kB
Code checksumb712e4ea
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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;
}
...