A custom dark mode for Miami University's TeamDynamix
MiamiOH TDX Dark by arunkapil
Details
Authorarunkapil
LicenseGNU AGPLv3
Categoryteamdynamix.com
Created
Updated
Size3.4 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 MiamiOH TDX Dark
@version 20240504.04.42
@namespace https://userstyles.world/user/arunkapil
@description A custom dark mode for MiamiOHs TeamDynamix
@author Arun U. Kapil
@license GNU AGPLv3
==/UserStyle== */
@-moz-document regexp("(?:https:\\/\\/)(?:.+[.])(?:teamdynamix.com\\/).*") {
body {
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; */
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: subpixel-antialiased !important;
background-color: #111 !important;
color: #fff !important;
}
/* Links - Yay, branding! */
a,
a:link,
a:active,
a:visited {
color: #C41230;
}
a:hover {
color: #C41230;
}
/* Main site well */
.container-fluid {
background-color: #15161c;
}
/* Major content wells */
.panel-default {
background-color: #191a22;
border-color: #3c3d4d;
margin-bottom: 50px;
}
.panel-default > .panel-heading {
background-color: #1e1f2a;
border-color: #1e1f2a;
}
.panel-default > .panel-heading > h4 {
color: #d2d2dc;
}
.panel-default > .panel-heading > a,
.module-header span {
color: #9c9da6;
}
.panel-default > .panel-heading > a:hover,
.panel-default > .panel-heading > .module-header span:hover {
color: #d2d2dc;
}
/* Replace upper left text with the university logo */
.organization-link a {
position: relative;
overflow: hidden;
text-indent: -9999px;
/* Move text off-screen */
content: url('https://miamioh.edu/_hannonhill/_files/svgs/logo-2021.svg');
display: block;
height: 25px;
top: 5px;
left: 2px;
}
/* Form overhaul a bit */
input[type = "text"] {
background-color: #22242e;
border-color: #3c3d4d;
color: #ff0000;
caret-color: #6e5eda;
}
/* Change glow color and size when focused */
input[type = "text"]:focus,
input[type = "text"]::selection {
border-color: #3c3d4d;
box-shadow: none;
}
/* this is stupid, but whatever for now */
#btnSearch {
display: none;
}
/* Canvas Logo Image */
/*
.organization-link a {
content: url('https://instructure-uploads.s3.amazonaws.com/account_10530000000000001/attachments/2116147/custom_banner_logo.png?AWSAccessKeyId=AKIAJFNFXH2V2O7RPCAA&Expires=1927005399&Signature=SOpvzj5%2B%2BJpTX7Up%2FgqBdDcokUA%3D&response-cache-control=Cache-Control%3Amax-age%3D473364000%2C%20public&response-expires=473364000');
display: balock;
height: 30px;
position: absolute;
top: 2px;
left: 2px;
}
*/
}
/*
Site background: #000000
Main well background: #15161c
Panel header: #1e1f2a
Panel header link: #d2d2dc
Panel header text: #9c9da6
Panel table active row: #1b1c27
Panel table inactive row: #191a22
Panel table row separator: #222330
Panel table row text: #999aa1
Panel table row passive text: #5d5e65
Form dropdown: #22242e
Form dropdown border: #3c3d4d
Form highlight: #343540
Active buttons from dropdown: #ffffff
Inactive buttons from dropdown: #9e9fa8
Form cursor: #6e5eda
*/
@-moz-document regexp("(?:https:\\/\\/)(?:.+[.])(?:teamdynamix.com\\/TDNext\\/)(?!Apps).*"),
regexp("(?:https:\\/\\/)(?:.+[.])(?:teamdynamix.com\\/TDNext\\/Apps\\/)[0-9]+(?:\\/Tickets).*") {}
@-moz-document regexp("(?:https:\\/\\/)(?:.+[.])(?:teamdynamix.com\\/TDNext\\/Apps\\/Projects\\/Plans\\/CardWall\\/).*") {}