Dark mode and some UI changes like removing scrollbar on the sidemenu.
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
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;
}
}