Dark mode for Lectio
Lectio - Dark mode by mch-sg
Details
Authormch-sg
LicenseNo License
Categoryuserstyles
Created
Updated
Size50 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 Lectio dark mode
@namespace USO Archive
@author mch
@version 20220318.13.12
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
@-moz-document domain("www.lectio.dk") {
/* Indstillinger */
#s_m_HeaderContent_picctrlthumbimage{
display: inherit !important;
}
/* Søg */
#m_searchpanel .floatRight:first-of-type{
width:37px;
}
/* Generelt */
.ls-subnav-container, .ls-master-header-institution, .maintitle {
color: #cfcfcf;
fill: #cfcfcf;
}
html {
background: transparent !important;
}
body {
background-color: #000; /* url('https://i.imgur.com/br0L29U.png'), url('https://i.imgur.com/kHzRlmz.png'); */
background-repeat: no-repeat;
background-position: center;
background-size: contain, cover;
height: 100%;
overflow-y: scroll;
color: white;
}
.ls-master-container1 {
background: rgba(0, 0, 0, 0.3);
}
input:focus,
textarea:focus {
outline: none !important;
box-shadow: none !important;
}
select:hover {
background: #666 url("https://www.lectio.dk/lectio/img/chevron_down_blue.auto") no-repeat 100% 0
}
#s_m_Content_Content_SkemaNyMedNavigation_datePicker_tb {
background:url("https://www.lectio.dk/lectio/img/chevron_down_blue.auto") 100% no-repeat;
padding: .1em;
padding-left: .3em;
}
#s_m_ChooseTerm_term {
background:#666 url("https://www.lectio.dk/lectio/img/chevron_down_blue.auto") no-repeat 100% 0;
}
INPUT[Type=Text]{
background:#666;
}
body::-webkit-scrollbar {
width: 1em;
}
body::-webkit-scrollbar-track {
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
background-image: url('https://i.imgur.com/br0L29U.png');
}
body::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
@media only screen and (min-width: 1281px) {
.ls-master-container1, .ls-master-container2 {
width: 1280px;
}
}
a.s2absence div.s2skemabrikInnerContainer {
background: -webkit-linear-gradient(top, #4A4646 10%, #3D3A3A 60%, #3A3838 100%) !important;
}
a.s2absence div.s2skemabrikInnerContainer:hover {
background: -webkit-linear-gradient(top, #615A5A 10%, #504E4E 100%) !important;
}
a.s2absence div.s2skemabrikcontent {
color: #696969;
}
a.s2hide {
opacity: .15;
}
a.s2hide:hover {
opacity: .9;
}
.LeTools {
float: right;
}
.LeTools .button {
border-right: 0px;
border-left: solid 1px #b8c2cc;
}
#s_m_mastermenu div.le-top-button,
#m_mastermenu div.le-top-button {
/*le-top-button as topbutton*/
float: left;
}
#s_m_mastermenu div a.le-top-button,
#m_mastermenu div a.le-top-button {
/*le-top-button as topbutton*/
display: inline-block;
cursor: pointer;
padding: 0.3em 0.75em;
background: #D5E3F2 url('https://www.lectio.dk/lectio/img/gradlink.png') repeat-x left top;
border-left: solid 1px #B8C2CC;
color: #fff;
}
#s_m_mastermenu div a.le-top-button.checked,
#m_mastermenu div a.le-top-button.checked {
color: #66B666;
}
#s_m_mastermenu div a.le-top-button.unchecked,
#m_mastermenu div a.le-top-button.unchecked {
color: #B66666;
}
#s_m_mastermenu div a.le-top-button:hover,
#m_mastermenu div a.le-top-button:hover {
/*le-top-button as topbutton*/
cursor: pointer;
padding: 0.3em 0.75em;
background: #0E65BA url('https://www.lectio.dk/lectio/img/gradhover.png') repeat-x left top;
border-left: solid 1px #0E65BA;
color: #a8a8a8;
transition: all 0.1s linear;
}
TABLE.dashboard TD.timeCol {
color: #bebebe !important;
}
.doneHomeworkLine .lineThrough,
.doneAssignmentLine .lineThrough {
text-decoration: line-through;
}
/*::-webkit-scrollbar {
height: 10px;
width: 10px;
}
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .6);
border-radius: 5px
}
::-webkit-scrollbar-track {
border-radius:10px;
}*/
.button a {
height: 21px;
}
/* Popup */
.cluetip-inner {
color: white !important;
background: #666 !important;
border: black !important;
}
.lec-context-menu {
background: #afafaf;
}
.lec-context-menu a {
color: white;
transition: 0.3s;
}
.lec-context-menu li:hover {
background: none !important;
}
.lec-context-menu a:focus {
outline: none !important;
}
.lec-context-menu a:hover {
background: rgba(0, 0, 0, 0.3) !important;
}
.ui-dialog-content h3 {
color: white;
}
.ui-dialog-buttonset button {
background: rgba(255, 255, 255, 0.1);
transition: .3s;
border: none;
}
.ui-dialog-buttonset button:hover {
color: white;
background: rgba(0, 0, 0, 0.3);
}
.ui-dialog-buttonpane button[type=button] {
background: rgba(255, 255, 255, 0.1);
border: none;
color: rgb(200, 200, 200);
transition: .3s;
}
.ui-dialog-buttonpane button[type=button]:hover {
border: none;
}
/* Menu */
.maintitle {
color: white;
transition: 0.3s;
}
.maintitle:hover {
color: rgb(200, 200, 200) !important;
}
.ls-subnav1 {
border: none !important;
}
.ls-subnav1 .buttonlink a,
.ls-subnav2 .buttonlink a {
color: rgb(200, 200, 200) !important;
transition: 0.3s;
padding: 5px;
border-bottom: 3px solid rgba(0, 0, 0, 0);
}
.ls-subnav1 .buttonlink a:hover,
.ls-subnav2 .buttonlink a:hover {
color: white !important;
background: none !important;
border-color: #a79173 !important;
}
.ui-widget-content {
background: #666;
color: white;
border: none !important;
}
.ui-widget-content a {
transition: .3s;
color: rgb(200, 200, 200);
padding: 2px !important;
}
.ui-widget-content a:hover {
color: white;
background: rgba(0, 0, 0, 0.3);
}
.ui-widget-header {
background: none;
color: white;
border: none;
}
.ls-subnav1 .ls-subnav-active a,
.ls-subnav2 .ls-subnav-active a {
color: white !important;
border-bottom: 3px solid #a79173 !important;
cursor:pointer !important;
}
.ls-subnav1 .ls-subnav-active a, .ls-subnav2 .ls-subnav-active a, .ls-subnav1 .ls-subnav-active a:hover, .ls-subnav2 .ls-subnav-active a:hover{
background-color:rgba(0,0,0,0) !important;
}
#s_m_HelpLink {
color: white !important;
height: 21px;
padding: 0.75em;
padding-top: 0.27em;
padding-bottom: 0.27em;
}
/* Footer */
.ls-master-footer a {
color: rgb(200, 200, 200);
transition: 0.3s;
padding: 2px;
}
.ls-master-footer a:hover {
color: white;
background: rgba(255, 255, 255, 0.3);
}
#s_m_masterfooternowSpan {
color: white;
}
.lectioTabContainer .lectioTabFooter {
background: none;
}
.ls-master-container2 .lectioTabContainer .lectioTabFooter:before {
content: "";
}
a[href="#top"] {
display: none;
}
/* Skærmtip */
#s_m_HelpTip_helptipwrap a {
color: rgb(200, 200, 200) !important;
transition: .3s;
padding: 2px;
}
#s_m_HelpTip_helptipwrap a:hover {
color: white;
background: rgba(255, 255, 255, 0.3);
}
.fieldContainer {
border: none !important;
background: #666;
}
.fieldHeader {
border: none !important;
background: #666;
color: white;
}
.fieldContainer iframe {
border-color: black !important;
width: 98% !important;
}
.lectio-helptip-view,
.lectio-helptip-view h3,
.lectio-helptip-view h1,
.lectio-helptip-view h2 {
color: white !important;
}
.lectio-helptip-view h3,
.lectio-helptip-view h1,
.lectio-helptip-view h2 {
font-weight: bold;
}
.lectio-helptip-view a {
color: rgb(200, 200, 200) !important;
transition: .3s;
padding: 2px;
}
.lectio-helptip-view a:hover {
color: white;
text-decoration: underline;
background: rgba(0, 0, 0, 0.3);
}
/* Header */
.ls-master-header {
background: none;
}
.lectioBorderLeft {
border: none;
}
.ls-master-header-institution {
background-image: none;
color: #ffffff;
}
.ls-user-name {
font-weight: bold;
transition: 0.3s;
color: rgb(200, 200, 200) !important;
border-radius: 5px;
margin-left: 2.5px;
}
.ls-user-name:hover {
background: none !important;
color: white !important;
}
.lectioToolbar {
border: none;
background: rgba(255, 255, 255, 0.1) !important;
}
div.button a {
background: rgba(255, 255, 255, 0.1) !important;
border: none;
color: white;
transition: .3s;
}
div.button a:hover {
border: none;
background: rgba(0, 0, 0, 0.3) !important;
color: white;
}
.floatRight input:not(#s_m_Content_Content_searchJustThisFolderCb) {
box-shadow: none !important;
border-radius: 0px !important;
border: none;
height: 21px !important;
padding: 0px 2px !important;
font-size: 13.5px !important;
margin: 0 !important;
width: 150px;
outline: none;
}
/* Forside */
#s_m_Content_Content_aktueltIsland_pa .infoCol a {
color: rgb(200, 200, 200) !important;
transition: .3s;
padding: 2px;
width: 330px !important;
}
#s_m_Content_Content_aktueltIsland_pa .infoCol a span {
color: rgb(200, 200, 200);
width: 330px;
}
#s_m_Content_Content_aktueltIsland_pa .infoCol a:hover {
color: white;
background: none;
box-shadow: inset 330px 0px 0px rgba(0, 0, 0, 0.3);
}
#s_m_Content_Content_aktueltIsland_pa .infoCol a:hover span {
color: white;
}
.island {
border: none !important;
background: rgba(255, 255, 255, 0.1) !important;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.islandHeaderContainer {
background: none !important;
border-color: rgb(100, 100, 100) !important;
}
.islandHeader {
background: none !important;
color: white !important;
}
.islandFooter {
background: none !important;
}
.islandContent {
background: none !important;
border: none !important;
color: white !important;
}
.islandContent table {
background: none;
border-color: rgb(100, 100, 100) !important;
colo...