diff --git a/tdx-enhanced.js b/tdx-enhanced.js
index b53d0ed..3982e1d 100644
--- a/tdx-enhanced.js
+++ b/tdx-enhanced.js
@@ -1,7 +1,7 @@
// ==UserScript==
// @name tdx-enhanced
// @namespace ecn
-// @version 2024-07-17-01
+// @version 2024-08-28-01
// @description enhanced tdx coloring & formatting. follows system color scheme.
// @author Purdue STEM IT - it@purdue.edu
// @match https://service.purdue.edu/TDNext/*
@@ -132,12 +132,44 @@
function parseTicket(mutation=null) {
let qBlock = document.querySelector("#ctlAttribute2285")
- let header = document.getElementById("thTicket_spnTitle")
+ //ticket or task
+ let header = document.getElementById("thTicket_spnTitle") || document.querySelector("#upTaskHeader>h1")
+
+ //find calendar inputs when editing tickets/tasks
+ //let calendars = document.querySelectorAll("input.hasDatepicker")
+ let calendars = document.querySelectorAll("#txtStartDate, #txtEndDate") //tasks for now, will add more as found
+ if (calendars) {
+ let originalFormat = "M/D/YYYY h:mm A";
+ let newFormat = "YYYY-MM-DDThh:mm";
+ [...calendars].forEach(calendar=>{
+ let date = moment(calendar.value,originalFormat)
+ let iso = date.format(newFormat)
+
+ let newCal = document.createElement("input")
+ newCal.id = `${calendar.id}-new`
+ newCal.classList = calendar.classList
+ newCal.type = "datetime-local"
+ newCal.value = iso
+
+ //convert to original format
+ newCal.addEventListener("input",event=>{
+ let parsedValue = moment(event.target.value,newFormat)
+ let parsedFormat = parsedValue.format(originalFormat)
+ calendar.value = parsedFormat
+ })
+
+ //old input still needs to exist for proper format conversion
+ calendar.style.display = "none"
+ calendar.parentElement.append(newCal)
+ });
+ }
//change tab title
if (header) {
- let ticketTitle = header.innerText
+ let ticketTitle = header.childNodes[0].textContent
document.title = ticketTitle
+ } else {
+ return
}
//add queue tag to ticket title
@@ -163,6 +195,23 @@
header.appendChild(newBox)
}
+ //handle button links - updates/tasks for now
+ //update buttons
+ [...document.querySelectorAll("#btnUpdateTicket, #divUpdateFromActions>a")].forEach(button=>{
+ handleLink("Update",button)
+ });
+
+ //task button
+ [...document.querySelectorAll("#liAddTicketTask>a")].forEach(button=>{
+ handleLink("TicketTaskNew",button)
+ });
+
+ //task template button
+ [...document.querySelectorAll("#divAddTaskTemplate>a")].forEach(button=>{
+ handleLink("TicketAddTaskTemplate",button)
+ });
+
+ //color the feed if darkmode
var feedItems
if (mutation) {
@@ -390,7 +439,7 @@
}
}
- //find links & open in new tab
+ //find links & open in new tab, if configured
//let linkTypes = ['Title','TicketID','CustomerName','ResponsibleFullName','LastModifiedByFullName'] //open people in new tabs
let linkTypes = ['Title','TicketID','TicketTitle']
for (const linkType of linkTypes) {
@@ -398,12 +447,87 @@
let link = item[linkType].cell.querySelector("a")
if (link) {
//override function that opens in windows
+ handleLink("report",link)
+ }
+ }
+ }
+ }
+
+ function handleLink(source,link) {
+ let behavior = settings('get','linkBehavior')
+
+ let relL = window.screenLeft != undefined ? window.screenLeft : screen.left
+ let relT = window.screenTop != undefined ? window.screenTop : screen.top
+
+ if (behavior=="tabs") {
+
+ switch(source) {
+ case 'report': {
link.onclick = null
- //open in new tab
link.target = "_blank"
+ break
+ }
+
+ case 'Update':
+ case 'TicketTaskNew':
+ case 'TicketAddTaskTemplate': {
+ link.onclick = (event)=>{
+ event.preventDefault()
+ let w = (window.screen.width / 1.75)
+ let h = (window.screen.height / 1.25)
+ let l = ((window.screen.width / 2) - (w/2)) + relL
+ let t = ((window.screen.height / 2) - (h/2)) + relT
+
+ //restructure url for updating
+ let location = window.location.pathname
+ let baseHref = location.substr(0, location.lastIndexOf('/'))
+ let href = `${baseHref}/${source}${window.location.search}`
+
+ let params = `width=${w}px,height=${h}px,left=${l}px,top=${t}px`
+ return window.open(href,'_blank',params)
+ }
+ break
}
}
+
+ } else {
+ link.onclick = (event)=>{
+ event.preventDefault()
+ var params
+ var href
+ let w = (window.screen.width / 2.1)
+ let h = (window.screen.height / 1.25)
+ let l = 20 + relL
+ let t = 50 + relT
+
+ switch(source) {
+ case 'report': {
+ href = link.href
+ break
+ }
+
+ case 'Update':
+ case 'TicketTaskNew':
+ case 'TicketAddTaskTemplate': {
+ l = (window.screen.width / 2) + l
+
+ //restructure url for updating
+ let location = window.location.pathname
+ let baseHref = location.substr(0, location.lastIndexOf('/'))
+ href = `${baseHref}/${source}${window.location.search}`
+ break
+ }
+ }
+
+ params = `width=${w}px,height=${h}px,left=${l}px,top=${t}px`
+ return window.open(href,'_blank',params)
+ }
}
+
+ }
+
+ function generatePopup(href,w,h,l,t,source) {
+
}
function injectOtherStyles(element) {
@@ -417,7 +541,7 @@
if (!frame.querySelector("#customStyles")) {
let head = frame.querySelector("head")
let html = frame.querySelector("html")
- html.classList.add(getColorMode())
+ html.classList.add(settings("get","colorMode"))
let s = document.createElement("style")
s.id = "customStyles"
s.innerText = customStyles
@@ -461,20 +585,63 @@
});
}
- function changeTitle() {
+ async function changeTitle() {
let title = document.querySelector(".organization-link a")
if (title) {
- title.innerText = "Purdue University - STEM IT"
+ title.innerText = "Purdue University - STEM"
}
- injectModeToggle()
+ await injectToolbar()
+ }
+
+ function colorChange(color) {
+ localStorage.setItem("colors",color)
+ setColors(color)
+ }
+
+ function setColors(color,value) {
+ console.log("Setting",color,"to",value)
+ //let col = tinycolor(value).toRgbString()
+ let col = value
+ let style = document.documentElement.style
+
+ switch(color) {
+ case 'primaryColor':
+ style.setProperty('--dark-col-primary', col);
+ style.setProperty('--light-col-primary', col);
+ break
+
+ case 'backgroundColor':
+ style.setProperty('--dark-bg-primary', col);
+ style.setProperty('--light-bg-primary', col);
+ break
+
+ case 'theme': {
+
+ for (const col of ["dark","light"]) {
+ let accent = `var(--${col}-${value}-accent)`
+ let bg = `var(--${col}-${value}-bg)`
+ style.setProperty(`--${col}-col-primary`, accent)
+ style.setProperty(`--${col}-bg-primary`, `var(--${col}-bg-default)`)
+ }
+ break
+ }
+ }
}
+ /*
function toggleColorMode() {
let mode = getColorMode() == "darkMode" ? "lightMode" : "darkMode"
setColorMode(mode)
}
+ */
+
+ function getColorMode() {
+ let mode = window.matchMedia('(prefers-color-scheme: dark)').matches ? "darkMode" : "lightMode"
+ return mode
+ }
+
function setColorMode(mode,store=true) {
if (!mode) {
mode = "auto"
@@ -483,7 +650,7 @@
colorScheme = mode
var storageMode = mode
- let autoScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? "darkMode" : "lightMode"
+ let autoScheme = getColorMode()
if (autoScheme == mode) {
storageMode = "auto"
}
@@ -502,6 +669,7 @@
}
+ /*
function getColorMode() {
let localScheme = localStorage.getItem("styles")
let autoScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? "darkMode" : "lightMode"
@@ -522,6 +690,17 @@
let localScheme = localStorage.getItem("styles")
let autoScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? "darkMode" : "lightMode"
+ let colors = localStorage.getItem("colors")
+ if (colors) {
+ console.log("Setting color from init")
+ setColors(colors)
+ }
+
+ let primaryColor = document.querySelector("#primaryColor")
+ if (primaryColor) {
+ primaryColor.value = colors
+ }
+
if (localScheme != autoScheme && localScheme != "auto") {
setColorMode(localScheme)
} else {
@@ -529,34 +708,251 @@
}
addEventListener("storage", (event) => {
- console.log("Storage event:",event)
+ //console.log("Storage event:",event)
if (event.key == "styles") {
setColorMode(event.newValue,false)
+ } else if (event.key == "colors") {
+ setColors(event.newValue)
}
});
}
+ */
+
- function injectModeToggle() {
+ async function injectToolbar() {
let iconBar = document.querySelector(".tdbar-settings .pull-right")
+ let statusHTML = `
+
+ `
+
+ let toolsHTML = `
+
+ `
+
let buttonHTML = `
-
-
-
+
`
- let button = document.createElement("span")
- button.innerHTML = buttonHTML
+ let settingsHTML = `
+
+
+ `
+
+ let settingsButton = document.createElement("span")
+ settingsButton.innerHTML = buttonHTML
+
+ let settingsPage = document.createElement("div")
+ settingsPage.innerHTML = settingsHTML
+
+ let statusLink = document.createElement("span")
+ statusLink.innerHTML = statusHTML
+
+ let toolsLink = document.createElement("span")
+ toolsLink.innerHTML = toolsHTML
if (iconBar) {
- iconBar.prepend(button)
- button.querySelector("#colorMode").onclick = toggleColorMode
+ iconBar.prepend(settingsButton)
+
+ //settings
+ //settingsPage.querySelector("#colorMode").onclick = toggleColorMode
+ settingsButton.querySelector("#settingsButton").addEventListener("click",()=>{
+ settings("toggle",settingsPage)
+ })
+ iconBar.appendChild(settingsPage)
+
+ //form changes
+ let form = settingsPage.querySelector("form")
+ form.addEventListener("change", (event)=>{
+ settings("update",form)
+ });
+
+ //links
+ let parent = iconBar.parentElement
+
+ //tools
+ parent.prepend(toolsLink)
+
+ //status
+ parent.prepend(statusLink)
+ let statusData = await getITStatus()
+ let statusIcon = statusLink.querySelector("#statusIcon")
+ let statusTime = statusLink.querySelector("#statusTime")
+ let statusText = statusLink.querySelector("#statusText")
+
+ if (statusData && statusData.msg != "All Systems Operational") {
+ statusIcon.classList = ("fa-solid fa-triangle-exclamation")
+ } else {
+ statusIcon.classList = ("fa-solid fa-check")
+ }
+
+ let statusTimeParsed = moment(statusData.time)
+ statusTime.innerText = statusTimeParsed.fromNow()
+ statusText.innerText = statusData.msg
}
}
+ async function getITStatus() {
+ let url = "https://it.purdue.edu/api-status/messages.php"
+ let res = await fetch(url)
+ let data = await res.json()
+
+ let msg = {}
+
+ let msgs = data.Results
+ if (msgs.length>0) {
+ msg = {
+ time: msgs[0],
+ msg: msgs[1]
+ }
+ console.warn("IT Message:",msg)
+ } else {
+ msg = null
+ }
+
+ return msg
+ }
+
+ /* SETTINGS */
+
+ function settings(action,value=null) {
+ var data
+ var menu
+ try {
+ data = JSON.parse(localStorage.getItem("userSettings"))
+ if (!data) {
+ throw "Data is null"
+ }
+ } catch(e) {
+ console.error("Couldn't grab settings!",e)
+ //set defaults
+ data = {
+ colorMode: getColorMode(),
+ linkBehavior: "tabs"
+ }
+ }
+
+ switch(action) {
+ case 'apply': {
+ for (const setting in data) {
+ let form = document.forms.settingsForm
+ let value = data[setting]
+ console.log("Apply setting:",setting,value)
+ if (form) {
+ let elements = form.elements
+ form[setting].value = value
+ }
+ }
+
+ if ('colorMode' in data) {
+ setColorMode(data.colorMode)
+ }
+
+ if ('theme' in data) {
+ if (data.theme=="custom") {
+ setColors('primaryColor',data.primaryColor)
+ setColors('backgroundColor',data.backgroundColor)
+ } else {
+ setColors('theme',data.theme)
+ }
+ }
+ break
+ }
+
+ case 'get': {
+ if (value) {
+ return value in data ? data[value] : null
+ } else {
+ return data
+ }
+ break
+ }
+
+ case 'toggle': {
+ let menu = document.querySelector("#settingsMenu")
+ let newState = menu.classList.contains("show") ? "hide" : "show"
+ let oldState = newState=="show" ? "hide" : "show"
+ menu.classList.add(newState)
+ menu.classList.remove(oldState)
+ break
+ }
+
+ case 'update': {
+ let form = value
+ let formData = new FormData(form)
+ data = Object.fromEntries([...formData])
+ console.log("Settings update!",data)
+ localStorage.setItem("userSettings",JSON.stringify(data))
+ settings("apply")
+ }
+ }
+ }
+
+ /* TDX TOOLS */
function checkPath() {
let path = document.location.pathname
if (path=="/TDWebApi/api/auth/loginsso") {
@@ -571,30 +967,62 @@
}
changeTitle()
- checkColorMode()
+ //checkColorMode()
+ settings("apply")
parseTicket()
checkPath()
+ addEventListener("storage", (event) => {
+ //console.log("Storage event:",event)
+ if (event.key == "userSettings") {
+ settings("apply")
+ }
+ });
+
const customStyles = `
/* Root Styles */
:root {
- --dark-bg-0: #111;
- --dark-bg-1: #222;
- --dark-bg-2: #333;
- --dark-bg-3: #444;
- --dark-bg-4: #555;
- --dark-col-0: #ab9266;
- --dark-col-1: #CFB991;
- --dark-col-2: #8d7c5d;
+
+ --dark-bg-default: #000;
+ --light-bg-default: #fff;
+
+ --dark-col-default: #ab9266;
+ --light-col-default: #cbb080;
+
+ --dark-col-primary: var(--dark-col-default);
+ --light-col-primary: var(--light-col-default);
+
+ --dark-bg-primary: var(--dark-bg-default);
+ --light-bg-primary: var(--light-bg-default);
+
+ --dark-gold-accent: #ab9266;
+ --light-gold-accent: #c3aa7f;
+
+ /* Original TDX blue */
+ --dark-blue-accent: #4c778d;
+ --light-blue-accent: #005d8b;
+
+ --dark-green-accent: #559170;
+ --light-green-accent: var(--dark-green-accent);
+
+ --dark-bg-0: color-mix(in srgb,var(--dark-bg-primary),#fff 5%);
+ --dark-bg-1: color-mix(in srgb,var(--dark-bg-primary),#fff 12%);
+ --dark-bg-2: color-mix(in srgb,var(--dark-bg-primary),#fff 20%);
+ --dark-bg-3: color-mix(in srgb,var(--dark-bg-primary),#fff 25%);
+ --dark-bg-4: color-mix(in srgb,var(--dark-bg-primary),#fff 30%);
+ --dark-col-0: var(--dark-col-primary);
+ --dark-col-1: color-mix(in srgb,var(--dark-col-primary),#fff 25%);
+ --dark-col-2: color-mix(in srgb,var(--dark-col-primary),#fff 10%);
--dark-col-link: #d1dbff;
--dark-txt-0: #bbb;
--dark-txt-1: #fff;
--dark-txt-2: #ececec;
--dark-txt-3: #929292;
--dark-txt-4: #ffffff8c;
- --dark-border-0: #2b2b2b;
+ --dark-txt-5: var(--light-txt-1);
+ --dark-border-0: color-mix(in srgb,var(--dark-bg-primary),#fff 18%);
--dark-col-reply: #1e3438;
--dark-col-highlight-1: #625714;
--dark-col-highlight-2: #311462;
@@ -607,15 +1035,16 @@
--light-txt-2: #222;
--light-txt-3: #333;
--light-txt-4: #0000008c;
- --light-col-0: #ccb387;
- --light-col-1: #836836;
- --light-col-2: #ba7600;
- --light-bg-0: #fff;
- --light-bg-1: #f5f5f5;
- --light-bg-2: #fff;
- --light-bg-3: #eee;
- --light-bg-4: #ddd;
- --light-border-0: #dfdfdf;
+ --light-txt-5: var(--dark-txt-1);
+ --light-col-0: var(--light-col-primary);
+ --light-col-1: color-mix(in srgb,var(--light-col-primary),#000 25%);
+ --light-col-2: color-mix(in srgb,var(--light-col-primary),#000 10%);
+ --light-bg-0: color-mix(in srgb,var(--light-bg-primary),#000 0%);
+ --light-bg-1: color-mix(in srgb,var(--light-bg-primary),#000 5%);
+ --light-bg-2: color-mix(in srgb,var(--light-bg-primary),#000 2%);
+ --light-bg-3: color-mix(in srgb,var(--light-bg-primary),#000 20%);
+ --light-bg-4: color-mix(in srgb,var(--light-bg-primary),#000 25%);
+ --light-border-0: color-mix(in srgb,var(--light-bg-primary),#000 18%);
--light-col-reply: #d3f2ff;
--light-col-highlight-1: #fff3c4;
--light-col-highlight-2: #e3c4ff;
@@ -642,6 +1071,7 @@
--txt-2: var(--light-txt-2);
--txt-3: var(--light-txt-3);
--txt-4: var(--light-txt-4);
+ --txt-5: var(--light-txt-5);
--txt-invert: var(--light-txt-invert);
--txt-hue: var(--light-txt-hue);
--border-0: var(--light-border-0);
@@ -670,6 +1100,7 @@
--txt-2: var(--dark-txt-2);
--txt-3: var(--dark-txt-3);
--txt-4: var(--dark-txt-4);
+ --txt-5: var(--dark-txt-5);
--txt-invert: var(--dark-txt-invert);
--txt-hue: var(--dark-txt-hue);
--border-0: var(--dark-border-0);
@@ -697,6 +1128,7 @@
--txt-2: var(--dark-txt-2);
--txt-3: var(--dark-txt-3);
--txt-4: var(--dark-txt-4);
+ --txt-5: var(--dark-txt-5);
--txt-invert: var(--dark-txt-invert);
--txt-hue: var(--dark-txt-hue);
--border-0: var(--dark-border-0);
@@ -723,6 +1155,7 @@
--txt-2: var(--light-txt-2);
--txt-3: var(--light-txt-3);
--txt-4: var(--light-txt-4);
+ --txt-5: var(--light-txt-5);
--txt-invert: var(--light-txt-invert);
--txt-hue: var(--light-txt-hue);
--border-0: var(--light-border-0);
@@ -735,6 +1168,55 @@
/* Global */
+#settingsMenu {
+ left: 400px;
+ padding: 10px;
+ width: 250px;
+ background: var(--bg-1);
+}
+
+#settingsMenu.hide {
+ visibility: hidden;
+}
+
+#settingsMenu h5 {
+ margin-bottom: 2px;
+}
+
+#settingsMenu h3 {
+ font-weight: 500;
+ font-size: 18px;
+}
+
+#settingsForm .flex {
+ display: flex;
+ gap: 24px;
+}
+
+#statusBox:hover #statusMsg {
+ display: block;
+ width: 400px;
+ line-height: 22px;
+ padding: 8px;
+ left: -150px;
+}
+
+#statusTime, #statusText {
+ margin: 6px;
+}
+
+#statusTime {
+ font-size: 12px;
+}
+
+#statusBox .fa-triangle-exclamation {
+ color: #ff8c4c;
+}
+
+#statusBox .fa-check {
+ color: #0dbb28;
+}
+
.qBox {
margin-left: 10px;
padding: 5px;
@@ -823,13 +1305,13 @@ a:focus, a:hover {
}
.alert-info {
- color: var(--txt-2);
+ color: var(--txt-5);
background-color: var(--col-0);
border-color: var(--border-0);
}
.alert-warning {
- color: var(--txt-2);
+ color: var(--txt-5);
background-color: var(--col-0);
border-color: var(--border-0);
}
@@ -949,7 +1431,7 @@ div.comment {
}
div.feed-child-box {
- background-color: var(--bg-3) !important;
+ background-color: var(--bg-1) !important;
}
.code, code, pre {
@@ -979,6 +1461,15 @@ div.feed-child-box {
color: var(--txt-2);
}
+ul.dropdown-menu .btn.btn.btn-link[data-v-0b9084d2]:hover {
+ background-color: var(--bg-2) !important;
+ color: var(--txt-2);
+}
+
+.dropdown-menu>li.dropdown-header {
+ color: var(--txt-1);
+}
+
.popover, .list-group-item {
background-color: var(--bg-2);
}
@@ -1012,6 +1503,19 @@ div.feed-child-box {
color: var(--txt-2);
}
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
+ background: var(--col-0) !important;
+}
+
+.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
+ background: var(--bg-4);
+ color: var(--txt-2) !important;
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
+ background: var(--bg-4);
+}
+
.ui-datepicker-calendar {
color: var(--txt-2);
}
@@ -1051,6 +1555,7 @@ div.feed-child-box {
.moreToggle button, .lessToggle button {
background-color: var(--col-0);
+ color: var(--txt-5) !important;
}
#ttDescription a, .feed-item-text a {
@@ -1084,7 +1589,7 @@ div.feed-child-box {
}
a.cke_button_disabled:active, a.cke_button_disabled:focus, a.cke_button_disabled:hover, a.cke_button_off:active, a.cke_button_off:focus, a.cke_button_off:hover {
- background: var(--bg-3) !important;
+ background: var(--bg-3) !important;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
@@ -1158,7 +1663,7 @@ li.ui-state-active {
}
.panel-app {
- color: var(--txt-2);
+ color: var(--col-2) !important;
}
.tab-row {
@@ -1178,10 +1683,14 @@ li.ui-state-active {
color: var(--txt-2) !important;
}
-.btn:hover, .nav>li>a:hover {
+.nav>li>a:hover {
background-color: var(--bg-2);
}
+ul.nav-pills li.dropdown button.dropdown-toggle:hover {
+ background-color: var(--bg-2);
+}
+
.btn-link {
color: var(--col-1);
}
@@ -1194,9 +1703,17 @@ li.ui-state-active {
background-color: var(--col-0);
}
-.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
+.btn-success {
+ background-color: var(--col-0);
+}
+
+.btn-primary {
+ color: var(--txt-5) !important;
+}
+
+.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-success:hover, .btn.NoPrint:hover {
background-color: var(--col-2);
- color: var(--txt-4) !important;
+ color: var(--txt-5) !important;
}
.module-header span {
@@ -1204,12 +1721,13 @@ li.ui-state-active {
}
.pagination>li>a:hover {
- color: var(--txt-2);
+ color: var(--txt-2) !important;
background-color: var(--bg-2) !important;
}
-.pagination>.active>a {
- background-color: var(--bg-2) !important;
+.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
+ color: var(--txt-2) !important;
+ background-color: var(--col-0) !important;
}
.ButtonCell, .ButtonCellBottom, .ButtonCellTop, .TabButtonCell {
@@ -1231,6 +1749,10 @@ li.ui-state-active {
background-color: var(--bg-1);
}
+.panel-success>.panel-heading {
+ background-color: var(--col-0) !important;
+}
+
.panel-footer {
background-color: var(--bg-1);
}
@@ -1240,7 +1762,7 @@ li.ui-state-active {
}
h1, h2, h3, h4, label, .control-label {
- color: var(--txt-2);
+ color: var(--txt-2) !important;
}
h1.panel-title, h2.panel-title, h3.panel-title, h4.panel-title, h5.panel-title, h6.panel-title {
@@ -1252,6 +1774,18 @@ h1.panel-title, h2.panel-title, h3.panel-title, h4.panel-title, h5.panel-title,
background-color: var(--bg-1) !important;
}
+.sidebar .sidebar-wrapper {
+ background-color: var(--bg-1) !important;
+}
+
+.sidebar .nav-sidebar li>a:not(.sidebar-brand) {
+ color: var(--txt-2);
+}
+
+.sidebar .nav-sidebar li.active>a {
+ background-color: var(--bg-3) !important;
+}
+
/* Tables */
tr.TDGridHeader, .table-header>div {
background-color: var(--bg-1);
@@ -1295,6 +1829,11 @@ table>thead>tr.TDGridHeader>th, tr.TDGridHeader td, .table-header>div {
background-color: var(--bg-1);
}
+.light-gray-bg, .light-gray-hover-bg:hover {
+ color: var(--txt-1) !important;
+ background-color: var(--bg-1) !important;
+}
+
.ui-layout-resizer-west {
background-color: var(--bg-4);
}
@@ -1341,10 +1880,30 @@ path[stroke="black"] {
border-bottom: 1px solid var(--border-0);
}
+.sidebar .sidebar-wrapper {
+ border-color: var(--border-0) !important;
+}
+
+.sidebar .nav-sidebar li.active>a {
+ border-color: var(--border-0) !important;
+}
+
+hr {
+ background-color: var(--border-0);
+}
+
.panel-default, .panel-default>.panel-heading {
border-color: var(--border-0) !important;
}
+.panel-success, .panel-success>.panel-heading {
+ border-color: var(--col-0);
+}
+
+.panel-footer {
+ border-top: 1px solid var(--border-0);
+}
+
.border-bottom, .table, table>thead>tr.TDGridHeader>th, .table>tbody>tr>td, .nav-tabs {
border-bottom: 1px solid var(--border-0);
}
@@ -1478,6 +2037,10 @@ input.cke_dialog_ui_input_password, input.cke_dialog_ui_input_text, textarea.cke
border: 1px solid var(--border-0) !important;
}
+.nav-tabs>li.active>a {
+ border-bottom-color: var(--bg-1) !important;
+}
+
.ButtonCell, .ButtonCellBottom, .ButtonCellTop, .TabButtonCell {
border-bottom: 1px solid var(--border-0);
}
@@ -1494,10 +2057,18 @@ input.cke_dialog_ui_input_password, input.cke_dialog_ui_input_text, textarea.cke
background-color: var(--border-0);
}
+.dropdown-menu>li.dropdown-header {
+ border-bottom: 1px solid var(--border-0);
+}
+
.Module-rpt {
border-color: var(--col-1);
}
+div.ReportGroupName {
+ border: 1px solid var(--border-0);
+}
+
.colContainer {
border-color: var(--border-0);
}
@@ -1531,7 +2102,15 @@ div.comment {
}
.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
- border: 1px solid var(--border-0);
+ border-color: var(--border-0);
+}
+
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
+ border: 1px solid var(--col-1);
+}
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+ border: 1px solid var(--txt-3);
}
.input-group-addon {
@@ -1554,6 +2133,14 @@ blockquote {
border: 1px solid var(--bg-4);
}
+.h2, h2 {
+ border-bottom: 1px solid var(--border-0);
+}
+
+div.feed-entry {
+ border-bottom: 1px solid var(--border-0) !important;
+}
+
`