Authorlittleblueflames
LicenseNo License
Categorydesire2learn.com
Created
Updated
Size5.4 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
True black and white theme for brightspace D2L. If you want to use this theme, you'll have to change the domain to your school's. (Replace the stkate in @-moz-document domain("stkate.desire2learn.com"))
Modified code from https://userstyles.org/styles/158992/nscc-brightspace-dark-theme
/* ==UserStyle==
@name Brightspace D2L True Black Theme
@namespace USO Archive
@author Me
@description `A dark theme for D2L Brightspace site.`
@version 20180425.18.17
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
@-moz-document domain("stkate.desire2learn.com") {
/* Borrowed from https://userstyles.org/styles/149577/brightspace-dark-theme, updated for NSCC's brightspace */
/* Borrowed again from https://userstyles.org/styles/158992/nscc-brightspace-dark-theme, updated for St. Kate's brightspace with darker colors */
/* Sorry for the frankenstein code */
* {
text-decoration: none !important;
}
p, pre, b, i, strong, .dco_c > label, .d2l-datalist .vui-list, .daylight .d2l-textblock-secondary, span.d2l-textblock, .d2l-calendar-mini-weekend, .d2l-calendar-mini th > abbr {
color: #fff !important;
}
h1, h2, h3, h4, h5, h6 {
color: #fff !important;
}
.d2l-course-banner-container {
display: none !important;
}
.d2l-navigation-s-main, .d2l-navigation-s-header, .daylight .homepage-container div:last-of-type .d2l-widget:last-child, .daylight .d2l-widget {
border-bottom: 1px solid #000 !important;
}
.vui-list>li {
border-top: 1px solid #000 !important;
}
.d2l_1_87_258 {
border: 1px solid #000 !important;
}
body, header, .d2l-navigation-s, .d2l-navigation-s-no-login, .d2l-navigation-s-button-highlight, .dco_c, tbody, .tr.d_ggl2, .daylight .d2l-collapsepane .d2l-collapsepane-header, .d2l-msg-container-inner, .daylight .d2l-collapsepane .d2l-collapsepane-header, .d2l-twopanelselector-side-bg.d2l-twopanelselector-side-sep, .d2l-twopanelselector-side.d2l-twopanelselector-side-sep, .vui-active, .d2l-dropdown-content-1 .d2l-dropdown-content-width.d2l-dropdown-content, .daylight .d2l-datalist-slim > .d2l-datalist .d2l-datalist-item-content, .d2l-collapsepane-content, .d2l_2_64_820, .d2l-login-portal-bordered, .ddial_o2 {
background: none;
background-color: #000 !important;
}
.daylight .d2l-msg-container {
border: 1px solid lightgrey;
border-radius: 1px;
}
.d2l-navigation-s-shadow-drop-border {
color: #242424 !important;
}
.d2l-navigation-s-shadow-gradient {
display: none;
}
a {
color: #fff !important;
text-decoration: none !important;
}
.d2l-navigation-s-logo-link {
filter: invert(100%);
}
.d2l-button > span {
filter: brightness(0) invert(1);
}
.d2l-button {
background-color: #242424;
color: #fff;
}
.d2l-button:hover {
background-color: #242424 !important;
color: #fff;
}
.d2l-iterator-button {
background-color: #fff !important;
border: 1px solid #242424 !important;
}
.daylight .d2l-msg-container, .d2l-dropdown-content-1 .d2l-dropdown-content-width.d2l-dropdown-content, .d2l-login-portal-bordered {
border: 1px solid #242424 !important;
}
.daylight .d2l-messagebucket-button-container {
border-bottom: 1px solid #242424 !important;
}
.d2l-branding-navigation-background-color {
background-color: #000000;
}
.d2l-tile {
background-color: #242424;
}
.d2l-iterator-button > img, .d2l-navigation-s-logo-wrapper> img {
filter: brightness(0) invert(1);
}
.d2l-panel {
background-color: #000000
}
.d2l-msg-container {
color: #ffffff !important
}
.d2l-typography {
color: #828282 !important
}
.d2l-navigation-s-group-text {
color: #ffffff !important
}
.d2l-placeholder .d2l-placeholder-live {
background-color: #242424
}
.bg-light {
background-color: #242424 !important
}
.d2l-course-selector-item-pinned {
background-color: #242424 !important
}
.d2l-form {
background-color: #000000
}
.d2l-chart {
background-color: #000000
}
.d2l-le-disc-post {
background-color: #000000
}
.d2l-table {
background: #000000 !important
}
.d_ggl1 {
background: #000 !important
}
.d_tabs_c {
background: #000000 !important
}
.d_tabs_header {
background: #000000 !important
}
.d2l-page-collapsepane-content-inner {
background-color: #000000 !important
}
.d2l-link {
color: #0095ff !important
}
#toolbarViewer {
background: none;
background-color: #242424 !important;
}
.daylight .d2l-messagebucket-button-container + #AB_DL_PH_Messages .d2l-datalist-container {
background: none;
}
.daylight #ContentModuleTree .d2l-le-TreeAccordionItem.d2l-le-TreeAccordionItem-Selected > a.d2l-le-TreeAccordionItem-anchor::before, .daylight #ContentModuleTree .d2l-le-TreeAccordionItem.d2l-le-TreeAccordionItem-Selected > a.d2l-le-TreeAccordionItem-anchor:link::before, .daylight #ContentModuleTree .d2l-le-TreeAccordionItem.d2l-le-TreeAccordionItem-Selected > a.d2l-le-TreeAccordionItem-anchor:visited::before, .daylight #ContentModuleTree .d2l-le-TreeAccordionItem.d2l-le-TreeAccordionItem-Selected > a.d2l-le-TreeAccordionItem-anchor:hover::before, .daylight #ContentModuleTree .d2l-le-TreeAccordionItem.d2l-le-TreeAccordionItem-Selected > a.d2l-le-TreeAccordionItem-anchor:focus::before {
background: none;
background-color: #000 !important;
}
.daylight .d2l-grid[type=data] >:only-child > tr.d_ggl2 > td, .daylight .d2l-grid[type=data] >:only-child > tr.d_ggl2 > th, .daylight .d2l-grid[type=list] >:only-child > tr.d_ggl2 > td, .daylight .d2l-grid[type=list] >:only-child > tr.d_ggl2 > th, .d2l-calendar-mini th, .d2l-calendar-mini-weekend, .d2l_2_2_264 {
background: none;
background-color: #000 !important;
}
.d2l-page-main {
background-color: #000 !important;
}
}