Skip to content

schoolsoft.se dark mode, in dev. by RJackT

Details

AuthorRJackT

LicenseNo License

Categoryschoolsoft.se

Created

Updated

Size5.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark mode and some UI changes like removing scrollbar on the sidemenu.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         schoolsoft.se dark mode, in dev.
@version      20230511.07.31
@namespace    userstyles.world/user/RJackT
@description  Dark mode and some UI changes like removing scrollbar on the sidemenu.
@author       RJackT
@license      No License
==/UserStyle== */

@-moz-document domain("schoolsoft.se") {
#content-pos-student {
    display: flex;
    justify-content: center;
}

#studentContentWrapper {
    display: flex;
    justify-content: center;
    background-color: #313338;
    border: 0px solid;
}

#lessonInfo_content {
    color: white;
}

#content {
    border: 1px solid white;
}

#student-sidebar-root > div:nth-child(1) > div.MuiDrawer-root.MuiDrawer-docked.css-gsk5tc > div {
    background-color: #1e1f22;
}

#student-sidebar-root > div:nth-child(1) > div.MuiDrawer-root.MuiDrawer-docked.css-gsk5tc > div > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation3.MuiBox-root.css-15z5aq9 {
    background-color: #1e1f22;
}

.background {
    background-color: #1e1f22;
}

.h3_bold {
    background-color: #312332;
    color: white;
}


.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: white;
}

.value {
    background-color: white;
}

#schedule_cont_content > table {
    border: 0px solid;
}
.schedulecell {
    color: white;
}


#main {
    margin-bottom: 0;
    background-color: #313338;
    border: 0px solid;
}

body {
    overflow: hidden;
    /* Hide scrollbars */
}
#student-sidebar-root > div:nth-child(1) > div.MuiDrawer-root.MuiDrawer-docked.css-1bl6abw > div {
    background-color: #1e1f22;
    color: white !important;
}

#main {
    min-height: 0px;
}

.light {
    background-color: #313338;
}

#profile-menu > div.MuiPaper-root.MuiMenu-paper.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation8.MuiPopover-paper.css-1d17r8p {
    background-color: #1e1f22;
}

.css-y3o05f {
    color: white;
}

.css-15dkinw {
    color: white;
}

.schedulecell a {
    color: white;
}
.h2_inner {
    background-color: #1e1f22;
}

.select,
input[type="text"],
input[type="password"] {
    color: white;
}

#student-sidebar-root > div:nth-child(1) > div.MuiDrawer-root.MuiDrawer-docked.css-1bl6abw > div > div.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation3.MuiBox-root.css-15z5aq9 {
    background-color: #1e1f22;
    color: white !important;
}

#student-sidebar-root > div:nth-child(1) > div.MuiDrawer-root.MuiDrawer-docked.css-1bl6abw > div overflow: hidden {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px;
    /* Increase/decrease this value for cross-browser compatibility */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    box-sizing: content-box;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
    /* So the width will be 100% + 17px */
}





.container {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
}
.container::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent;
}

#schedule_cont_content > table > tbody {
    max-width: 100%
}



.active {
    background-color: blue;
    color: blue;
    border-radius: 4px !important;
    background-image: none;
    border-radius: 4px 4px 4px 4px !important;
}


#student-header-root > div:nth-child(1) > header {
    background-color: #1e1f22;
}
#school-menu-button > span.MuiButton-endIcon.MuiButton-iconSizeMedium.css-pt151d {
    color: white;
}
#content {
    background-color: #1e1f22;
}


.nav-tabs > li > a {
    border-radius: 4px 4px 4px 4px !important;
}
#weekTab > a {
    border-radius: 4px 4px 4px 4px !important;
}

#school-menu-button > p {
    color: white !important;
}

.h1 {
    color: white !important;
}

#menu-button > div > p {
    color: white;
}

#content > div > div.h1 {
    color: blue;
}

#absence_con {
    background-color: white;
}

body > div:nth-child(19) > div > a > b > span > i.fa.fa-circle.fa-stack-2x {
    background-color: none;
    color: none;
    display: none;
}

.h2_box {
    background-color: #313338 !important;
    color: white;
    background-image: none;
}

.h3 {
    color: white !important;
    text-shadow: none;
}

.h2 {
    color: white !important;
    text-shadow: none;
}
#student-sidebar-root > div:nth-child(1) > div.MuiDrawer-root.MuiDrawer-docked.css-1bl6abw > div > nav > div > div.MuiStack-root.css-1k3eql0 > div.MuiBox-root.css-1v6bx8g > a > img {

    -webkit-filter: invert(1);
    filter: invert(1);
}

body > div:nth-child(19) > div > a > b > span > i.fa.fa-question-circle.fa-stack-1x.humany-open-icon {
    display: none;
}

.accordion-inner {
    color: white;
    background-color: #313338;
}

.acc-item-main {
    color: white;
}

.label {
    color: white;
}

.week_calendar_day_head {
    color: white;
}
#week_calendar_head_time {
    color: white;
}
.ng-binding {
    color: white;
}
}

Reviews

No reviews yet.