Dark Mode and Picture Blur for StudentVUE
Edupoint Dark Mode and Picture Blur by bready
Details
Authorbready
LicenseNo License
Categoryuserstyles
Created
Updated
Size8.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
dark mode, and hiding profile pictures, may or may not work on TeacherVUE and ParentVUE, I have no way to test
Source code
/* ==UserStyle==
@name edupoint.com
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author bready
==/UserStyle== */
@-moz-document domain("edupoint.com") {
/* Body */
body {
background-color: #111;
}
/* Accordion Content */
.login-content .panel .panel-body {
background-color: #7c7373;
}
/* Heading */
.login-content .panel h2 {
background-color: #625e5e;
}
/* More options */
.panel .login-more .more-options {
background-color: #968b8b;
}
/* Expander */
.panel .login-more .expander {
background-color: #9b9b9b;
}
/* Input */
.container .equal .login-content .panel .panel-body #aspnetForm .form-group input[type=password] {
background-color: #b2b4db !important;
}
/* Image */
.student-summary div div div div div > img {
filter: blur(10px);
}
/* Image */
.student-info .student-photo img {
filter: blur(6.01px);
}
/* Maincontent */
#maincontent {
background-color: #757575;
transform: translatex(0px) translatey(0px);
}
/* Division */
.student-summary > div > div > div {
background-color: #c1b3b3;
}
/* Image */
.student-summary div div div div div > img {
filter: blur(10px) grayscale(0);
}
/* Image */
.student-info .student-photo img {
filter: blur(6.01px) grayscale(0);
}
/* Maincontent */
#maincontent {
background-color: #757575;
transform: translatex(0px) translatey(0px);
}
/* Division */
.student-summary > div > div > div {
background-color: #c1b3b3;
}
/* Active */
#mainnav .list-group .active {
background-color: #88bbeb !important;
}
/* Update panel */
#gb-classes .update-panel {
background-color: #635d5d;
transform: translatex(0px) translatey(0px);
}
/* Flex space between */
#gb-classes .update-panel h2.flex-space-between {
background-color: #7e7676;
}
/* Row */
#gb-classes div .gb-class-header {
background-color: #a5a0a0 !important;
}
/* Hide for print */
.row > .hide-for-print {
background-color: #a0a0a0;
}
/* Row */
#gb-classes div .row {
background-color: #a0a0a0 !important;
color: #faf9f9;
}
/* Update panel */
#gb-classes .update-panel {
background-color: #635d5d;
transform: translatex(0px) translatey(0px);
}
/* Flex space between */
#gb-classes .update-panel h2.flex-space-between {
background-color: #7e7676;
}
/* Row */
#gb-classes div .gb-class-header {
background-color: #a5a0a0 !important;
}
/* Hide for print */
.row > .hide-for-print {
background-color: #a0a0a0;
}
/* Row */
#gb-classes div .row {
background-color: #a0a0a0 !important;
color: #faf9f9;
}
/* Accordion Content */
#assignment-details .panel .panel-body {
background-color: #a9a7a7;
transform: translatex(0px) translatey(0px);
}
/* Division */
.dx-datagrid-header-panel > div > div {
background-color: #adadad;
}
/* Cell focus disabled */
.dx-datagrid-headers tbody .dx-cell-focus-disabled {
background-color: #cecece;
}
/* Table Data */
#AssignmentsGrid .dx-column-lines td {
background-color: #c1c1c1;
}
/* Datagrid total footer */
#AssignmentsGrid .dx-datagrid-total-footer {
background-color: #bababa;
}
/* Update panel */
#gb-classes .update-panel {
background-color: #635d5d;
transform: translatex(0px) translatey(0px);
}
/* Flex space between */
#gb-classes .update-panel h2.flex-space-between {
background-color: #7e7676;
}
/* Row */
#gb-classes div .gb-class-header {
background-color: #a5a0a0 !important;
}
/* Hide for print */
.row > .hide-for-print {
background-color: #a0a0a0;
}
/* Row */
#gb-classes div .row {
background-color: #a0a0a0 !important;
color: #faf9f9;
}
/* Accordion Content */
#assignment-details .panel .panel-body {
background-color: #a9a7a7;
transform: translatex(0px) translatey(0px);
}
/* Division */
.dx-datagrid-header-panel > div > div {
background-color: #adadad;
}
/* Cell focus disabled */
.dx-datagrid-headers tbody .dx-cell-focus-disabled {
background-color: #cecece;
}
/* Table Data */
#AssignmentsGrid .dx-column-lines td {
background-color: #c1c1c1;
}
/* Datagrid total footer */
#AssignmentsGrid .dx-datagrid-total-footer {
background-color: #bababa;
}
/* Student header */
.container .pxp-main-header .pxp-student-header {
background-color: #87ecec;
}
/* Gradebook header */
#GradebookHeader {
color: #58d9d9 !important;
}
/* Title */
#gb-classes .update-panel .title {
color: #2dcae6;
}
/* Span Tag */
.teacher > span {
color: #50d4eb;
}
/* Teacher room */
#gb-classes div .teacher-room {
color: #3e55b1;
}
/* Mark */
#gb-classes .flex-wrap .mark {
color: #64e2e6;
}
/* Division */
.update-panel:nth-child(1) .pres-table div .row:nth-child(2) .flex-wrap .class-item-lessemphasis div:nth-child(1) {
color: #69ddcf;
}
/* Division */
.update-panel:nth-child(1) .pres-table div .row:nth-child(4) .flex-wrap .class-item-lessemphasis div:nth-child(1) {
color: #6fe3eb;
}
/* Score */
#gb-classes .flex-wrap .score {
color: #a5f7dc;
}
/* Button */
#gb-classes div .course-markperiod {
color: #cfe6fb;
}
/* Button */
#gb-classes div .course-title {
color: #a5cbf2;
}
/* District name */
#DistrictName {
color: #e5e1e9;
}
/* Greeting */
#Greeting {
color: #d7b6b6;
}
/* Student header */
.container .pxp-main-header .pxp-student-header {
background-color: #acebeb !important;
display: inline-block;
}
/* Image */
.container .pxp-main-header .pxp-student-header .current .student-info .student-photo img {
transform: translatex(0px) translatey(0px) !important;
}
/* Image */
.student-info .student-photo img {
filter: blur(5.56px) !important;
}
/* Link */
.container .tab-content .pxp-container #mainnav .list-group a {
background-color: #9fbef3 !important;
}
/* District name */
#DistrictName {
color: #f2f2f6 !important;
}
/* Heading */
.login-content .panel h2 {
color: #63f2ed;
background-color: #382828 !important;
}
/* Accordion Content */
.login-content .panel .panel-body {
background-color: #322e2e !important;
transform: translatex(0px) translatey(0px);
}
/* Login user name */
#LoginUserName {
color: #4af1dd;
}
/* Login password */
#LoginPassword {
color: #60ebf0;
}
/* Expander */
.panel .login-more .expander {
background-color: #494545 !important;
}
/* More options */
.panel .login-more .more-options {
background-color: #4d4040 !important;
transform: translatex(0px) translatey(0px);
}
/* Span Tag */
.more-options p span {
color: #57d9ea;
}
/* Span Tag */
.more-options .pxp-login-more-link span {
color: #e6f9f4;
}
/* Panel footer */
.login-content .panel .panel-footer {
background-color: #2f2c2c;
}
}