/* ==UserStyle==
@name Schoology - SAGE
@namespace USO Archive
@author TheQueendomOfFaerie
@description `I fixed the blue text in this style by combining it with Schoology Flat Dark Mode, and then I just change the color of the text from there. All you have to do is go into the code for the dark mode and find the text color for the body on the home page. Then just change it to whatever color you want, but I did a grayish black. Also, I suggest you get adblocker plus from the chrome web store so random text and profile pictures don't ruin the color scheme. (the adblocker lets you block elements of a page, so they appear as if they were never there)
@version 20180819.0.38
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("schoology.com") {
:root {
--main-color: #6d8f60;
--box-shadow: #7aa16c;
--main-color-box-shadow: #5a7750;
--anime: bounce 1500ms linear both;
--anime-reverse: bounce-reverse 1500ms linear both;
}
._1SIMq {
background-color: var(--main-color) !important;
box-shadow: 0 5px var(--main-color-box-shadow);
}
.Header-header-button-1EE8Y {
transition: .6s;
color: #fff;
}
.Header-header-button-1EE8Y:hover {
background-color: #445a3c !important;
}
._2ue1O {
border-top-style: none;
border-top-width: 0px;
}
.s-enable-course-dashboard.theme-2016-layout #home-feed-container {
box-shadow: 0 4px 0px 0 var(--box-shadow);
background: #fff;
padding: 10px;
border-radius: 3px;
}
body {
background: #fff;
color: #2f2f2f;
font: 12px "Lucida Grande", "Lucida Sans", Tahoma, Verdana, Arial, Futura, Garamond, serif;
text-wrap: normal;
}
.s-enable-course-dashboard.theme-2016-layout #main {
background: #fff !important;
box-shadow: none !important;
}
.theme-2016-layout #sidebar-left .active-trail a,
.theme-2016-layout #main,
.theme-2016-layout #right-column-inner > div:not(:empty) {
box-shadow: 0 4px 0px 0 var(--box-shadow);
border-radius: 3px;
}
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(--main-color);
text-decoration: none !important;
}
body .smart-box .filter-block li .smartbox-boxtab,
body .smart-box .filter-block li .personal-blog a {
color: var(--main-color);
text-decoration: none !important;
}
._2P7CY:focus,
._3HOk8:hover,
._37jp-:active,
._37jp-:active:focus,
.les2- {
border-color: #5a7750 !important;
box-shadow: 0 3px var(--box-shadow) !important;
border-radius: 3px !important;
}
.Card-card-image-uV6Bu {
background: #5a7750 no-repeat 50%/100%;
height: 10rem;
border-radius: 4px 4px 0 0;
}
._1LY8n {
display: block;
outline-color: #445a3c !important;
}
.Card-card-data-17m6S {
height: 8rem;
background-color: #fff !important;
border-radius: 0 0 4px 4px;
}
.uQOmx {
-ms-grid-row-span: 1;
grid-row-end: span 1;
border: none !important;
border-radius: 0px !important;
outline-color: var(--main-color) !important;
}
.Header-header-button-active-state-3AvBm:hover:not(:active) {
background-color: var(--main-color);
color: #fff;
}
.Header-header-drop-menu-item-3d3IZ {
color: var(--main-color);
transition: .4s;
}
._1ui-c {
border-top-width: 0px;
}
.sgy-tabbed-navigation li {
display: block;
float: left;
text-transform: uppercase;
padding: 0 30px 5px;
padding: 8px;
}
.sgy-tabbed-navigation li.active {
/* border-bottom: 5px solid #556370; */
background-color: #fff;
padding: 8px;
}
.sgy-tabbed-navigation {
display: block;
width: calc(100% - -5px);
max-width: 990px;
height: 25px;
list-style-type: none;
padding-top: 5px;
margin: 0;
margin-bottom: 20px;
border-bottom: 0px solid #fff;
}
.sgy-tabbed-navigation li.active {
border-bottom: 0px solid #fff;
}
._2Y5fB {
border-radius: 3px;
}
._1rsSg:active,
._2WKzc:hover:not(:active),
._3U8Br,
._21bOr:focus:not(:active) {
color: var(--main-color);
text-decoration: none !important;
}
.fc-border-separate th,
.fc-border-separate td {
border-width: 0px 0 0 0px;
}
.fc-widget-header,
.fc-widget-content {
border: 0px solid #fff;
}
body .fc-border-separate thead th {
border-width: 0 0 0px !important;
}
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 0px;
}
.menuopt-wrapper {
padding: 10px 40px 10px 30px;
border: 0px solid #1c1c19;
}
body .fc-state-default {
border: 0px solid #0f0f0c;
}
._2SVA_ {
background: url(https://ui.schoology.com/design-system/assets/schoology-logo-horizontal-white.884fbe559c66e06d28c5cfcbd4044f0e.svg) no-repeat !important;
top: 14px;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
#edge-filters-menu {
min-width: 150px;
z-index: 1;
right: 0;
top: 21px;
display: none;
position: absolute;
background: #5a7750;
border: 0px solid #445a3c;
padding: 5px 0 0 0;
box-shadow: 0 3px 0px var(--box-shadow);
}
.sgy-card {
background: #3a4238;
border: 0px solid #1a1a14;
border-radius: 2px;
box-shadow: 0 4px 0px 0 var(--box-shadow) !important;
outline: none !important;
}
#smart-box-content {
position: relative;
margin-top: 15px;
}
body #wrapper .infotip.hide-qmark {
cursor: pointer;
top: 19px;
}
body .submit-span-wrapper,
body .click-submit,
body .submit-btn,
body .popups-body .submit-span-wrapper,
body #nav .s-notifications-mini .requester-links a:hover {
background-image: none;
border-color: var(--main-color);
background-color: var(--main-color);
border-radius: 2px;
box-shadow: 0 3px var(--main-color-box-shadow);
}
@keyframes bounce {
0% {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
2.2% {
transform: matrix3d(1.074, 0, 0, 0, 0, 1.074, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
4.4% {
transform: matrix3d(1.183, 0, 0, 0, 0, 1.183, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
6.61% {
transform: matrix3d(1.269, 0, 0, 0, 0, 1.269, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
8.81% {
transform: matrix3d(1.3, 0, 0, 0, 0, 1.3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
11.21% {
transform: matrix3d(1.272, 0, 0, 0, 0, 1.272, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
13.61% {
transform: matrix3d(1.216, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
16.02% {
transform: matrix3d(1.168, 0, 0, 0, 0, 1.168, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
18.42% {
transform: matrix3d(1.152, 0, 0, 0, 0, 1.152, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
20.82% {
transform: matrix3d(1.166, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
23.22% {
transform: matrix3d(1.193, 0, 0, 0, 0, 1.193, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
25.63% {
transform: matrix3d(1.216, 0, 0, 0, 0, 1.216, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
27.93% {
transform: matrix3d(1.223, 0, 0, 0, 0, 1.223, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
32.73% {
transform: matrix3d(1.203, 0, 0, 0, 0, 1.203, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
37.44% {
transform: matrix3d(1.189, 0, 0, 0, 0, 1.189, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
46.95% {
transform: matrix3d(1.206, 0, 0, 0, 0, 1.206, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
56.56% {
transform: matrix3d(1.197, 0, 0, 0, 0, 1.197, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
66.07% {
transform: matrix3d(1.201, 0, 0, 0, 0, 1.201, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
75.58% {
transform: matrix3d(1.199, 0, 0, 0, 0, 1.199, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
85.09% {
transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
94.69% {
transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
@keyframes bounce-reverse {
0% {
transform: matrix3d(1.2, 0, 0, 0, 0, 1.2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
2.2% {
transform: matrix3d(1.126, 0, 0, 0, 0, 1.126, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
4.4% {
transform: matrix3d(1.017, 0, 0, 0, 0, 1.017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
6.61% {
...
