A dark mode theme for CMU's TDX dashboard
cmich.teamdynamix.com/ by SadNarwhal27
Details
AuthorSadNarwhal27
LicenseNo License
Categorycmich.teamdynamix.com
Created
Updated
Size42 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 cmich.teamdynamix.com/
@namespace https://github.com/SadNarwhal27
@version 0.3.0
@description A dark mode theme for CMU's TDX dashboard
@author Travis Schall
@homepageURL https://github.com/SadNarwhal27/stylus-files
@supportURL https://github.com/SadNarwhal27/stylus-files/issues
==/UserStyle== */
@-moz-document url-prefix("https://cmich.teamdynamix.com") {
html {
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
body {
color: var(--bs-body-color) !important;
background-color: var(--bs-body-bg) !important;
}
a {
color: var(--bs-link-color);
}
a:focus,
a:hover {
color: var(--bs-danger-text-emphasis) !important;
}
.img-thumbnail,
.shadow-box,
.shadow-box a,
.pane,
.select2-chosen,
.cke_dialog_body,
.cke_dialog_contents,
.ui-widget,
.ms-drop,
.ms-choice {
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-border-color) !important;
color: var(--bs-body-color) !important;
}
.shadow-box a:hover,
.copyButton:hover,
.TabButtonCell,
.ButtonCellTop,
.comment-options {
background-color: var(--bs-secondary-bg) !important;
border-color: var(--bs-border-color)
}
hr,
.select2-choice,
.ui-corner-all{
border-color: var(--bs-border-color) !important;
}
.white-bg,
.ui-widget-header {
background-color: var(--bs-body-bg) !important;
}
.black,
label,
.cke_path_item {
color: var(--bs-body-color) !important;
}
.ui-tabs-anchor,
.fa-info-circle,
.refresh-module-icon,
.fa-ban,
.fa-xmark,
.fa-cog {
color: var(--bs-body-color) !important;
}
.fa-xmark:hover {
color: var(--bs-danger-border-subtle) !important;
}
.ui-state-active {
background-color: var(--bs-secondary-bg) !important;
border-color: var(--bs-border-color) !important
}
path[stroke="none"] {
fill: var(--bs-body-bg);
}
text {
fill: var(--bs-body-color)
}
path[stroke-width="1"][fill="none"] {
stroke: var(--bs-secondary-color)
}
path[stroke="#004d6e"] {
fill: var(--bs-link-color);
stroke: var(--bs-link-hover-color)
}
.TDPagerRow .pull-left nav {
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-body-bg) !important
}
.active a {
background-color: var(--bs-secondary-bg) !important;
border-bottom-color: var(--bs-secondary-bg) !important
}
.Module,
.layout-selected,
.js-form-reset:hover,
.person-container:hover{
background-color: var(--bs-secondary-bg) !important
}
.Module-rpt {
border-color: var(--bs-success-border-subtle)
}
.js-remove .fa-xmark,
#upnlDate button .fa-calendar {
color: var(--bs-link-color) !important
}
.blue,
.fa-search.blue{
color: var(--bs-link-color) !important
}
.dsktpMoveBtn,
.copyButton{
background-color: var(--bs-tertiary-bg) !important
}
.dsktpMoveBtn:hover,
.talu_subcaption {
color: var(--bs-secondary-color) !important
}
.layout-entry {
background-color: var(--bs-body-bg)
}
.selected,
.nav1:hover,
div.text:hover{
background-color: var(--bs-secondary-bg) !important;
color: var(--bs-link-color) !important;
}
.nav1 {
background-color: var(--bs-body-bg);
color: var(--bs-link-color)
}
.nav3 {
background-color: var(--bs-body-bg);
color: var(--bs-body-color)
}
.nav3:hover,
.report-text:hover {
background-color: var(--bs-secondary-bg);
color: var(--bs-danger-text-emphasis);
}
.ui-layout-resizer {
background-color: var(--bs-border-color) !important
}
#newFormBtn {
color: var(--bs-link-color)!important
}
#newFormBtn:hover {
background-color: var(--bs-secondary-bg);
color: var(--bs-danger-text-emphasis) !important;
}
.gray {
color: var(--bs-tertiary-color)!important;
}
.red,
.fa-xmark.red {
color: var(--bs-danger-text-emphasis) !important;
}
.select2-choice:hover {
color: var(--bs-body-color) !important;
}
.select2-search,
.select2-choice,
.select2-drop,
.select2-input,
.select2-drop-mask,
.select2-focusser,
.select2-offscreen,
.form-group,
.maininput{
background-color: var(--bs-body-bg) !important;
color: var(--bs-body-color) !important;
}
.cke_dialog_footer,
.cke_dialog_title,
.cke_dialog_ui_button_cancel,
.cke_dialog_tab{
background-color: var(--bs-secondary-bg) !important;
color: var(--bs-secondary-color) !important;
border-color: var(--bs-border-color) !important;
}
.cke_dialog_ui_input_text,
.cke_dialog_ui_input_select{
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-border-color) !important;
}
.cke_dialog_ui_input_select,
.cke_dialog_ui_input_select option,
.cke_dialog_ui_input_text {
color: var(--bs-body-color) !important
}
.cke_dialog_ui_button_cancel:hover {
background-color: var(--bs-body-bg) !important
}
.cke_dialog_tab.cke_dialog_tab_selected {
background-color: var(--bs-body-bg) !important;
border-bottom-color: var(--bs-body-bg) !important;
}
.cke_1,
.cke_top,
.cke_bottom,
input[aria-label="Chosen file"],
#divTimeFilter .form-group {
background-color: var(--bs-secondary-bg) !important;
}
.cke_combo_button:hover {
border-color: var(--bs-link-color) !important;
}
.form-group.required div,
.feed-entry {
border-color: var(--bs-border-color) !important
}
.select2-choices,
.select2-input,
.select2-searching,
.select2-search,
.lu_tdac-auto ul,
.bit-box {
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-border-color) !important;
color: var(--bs-body-color) !important;
}
.select2-search-choice,
.light-gray-bg {
background-color: var(--bs-secondary-bg) !important;
color: var(--bs-secondary-color) !important
}
#ui-datepicker-div {
background-color: var(--bs-body-bg) !important;
}
.disp-group span,
.form-group span,
#upTicketAssignment li a,
#upToggleFlag li a,
#upMyWork li a {
color: var(--bs-secondary-color) !important
}
#upTicketAssignment li a:hover,
#upToggleFlag li a:hover,
#upMyWork li a:hover {
color: var(--bs-danger-text-emphasis) !important;
background-color: var(--bs-secondary-bg) !important
}
span.cke_combo_inlinelabel {
color: black !important
}
.feed-reply,
.feed-child-box {
background-color: var(--bs-primary-bg-subtle) !important;
border-color: var(--bs-border-color) !important
}
nav:has(.bootstrap-pagination-label) {
background-color: var(--bs-tertiary-bg) !important;
border-color: var(--bs-tertiary-bg) !important;
}
.TDPagerRow>td>nav {
background-color: var(--bs-body-bg) !important;
border-color: var(--bs-body-bg) !important;
}
.pagination li.active a {
background-color: var(--bs-primary-border-subtle) !important;
border-color: var(--bs-primary-border-subtle) !important;
}
.TDGroupingRow {
background-color: var(--bs-secondary-bg) !important;
color: var(--bs-link-color) !important;
}
.time-labeldiv-notsubmitted {
color: var(--bs-body-color) !important
}
.time-labeldiv-submitted,
.panel-info .panel-heading,
.time-cell-submitted {
background-color: var(--bs-info-bg-subtle) !important;
border-color: var(--bs-info-border-subtle) !important;
color: var(--bs-info-text-emphasis) !important;
}
.time-labeldiv-approved,
.time-cell-approved {
background-color: var(--bs-success-bg-subtle) !important;
border-color: var(--bs-success-border-subtle) !important;
color: var(--bs-success-text-emphasis) !important;
}
#divLastWeek {
border-color: var(--bs-info-border-subtle) !important;
}
.ui-widget-content,
.fc-day {
background: var(--bs-body-bg);
border: 1px solid var(--bs-border-color) !important;
color: var(--bs-body-color);
}
.fc-day-number {
border-color: var(--bs-border-color) !important
}
/* ---------------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4{
color: var(--bs-body-color);
border-color: var(--bs-border-color);
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .sma...