Schoology theme that compacts some elements
Schoology - Dark Compact by tnings
Details
Authortnings
LicenseNo License
Categoryschoology
Created
Updated
Size12 kB
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;
}
...