UWPlatt TDX Theme by caramelkat

/* ==UserStyle==
@name           uwplatt.teamdynamix.com - 10/18/2022, 11:46:33 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://uwplatt.teamdynamix.com/TDNext/Home") {
	@media screen and (prefers-color-scheme: light), light {
		:root {
		  --header: #00447c;
			--header-text: #ffffff; 
		  --background: #ffffff;
		  --text-highlight: #f37920;
		  --primary-text: #171717;
		  --secondary-text: #1d3a57;
			--border: #ddd;
			--link-text: #306090;
			--search-bar-background: #ffffff;
			--search-icon-color: #00447c;
			--btn-link: #ffffff;
		}	
	}
	
	@media screen and (prefers-color-scheme: dark), dark {
		:root {
		  --header: #404040;
			--header-text: #ffffff; 
		  --background:  #171717;
		  --text-highlight: #f37920;
		  --primary-text: #ffffff;
		  --secondary-text: #737373;
			--border: #525252;
			--link-text: #60c4fa;
			--search-bar-background: #262626;
			--search-icon-color: #ffffff;
			--btn-link: #60c4fa;
		}
	}
	
	html, body {
		background: var(--background) !important;
		color: var(--secondary-text) !important;
	}
	
    /* Fix for My Assignments "No Items" text*/
    #ctl02_divNoResults {
        padding-bottom: 15px;
    }

    /* 
    * Header Style
    */
    #divHeader {
        background: var(--header) !important;
        min-height: 4em;
        padding-top: 0.5em;
        padding-left: 3.5em;
    }
    #divHeader:before {
        position: absolute;
        width: 3em;
        height: 3em;
        top: 0.5em;
        left: 0.1em;
        background: url('https://cdn.uwplatt.edu/logo/p/orange/logo.svg');
        background-repeat: no-repeat;
        content: " ";
    }
    .organization-link > a {
        color: var(--header-text);
    }
    .organization-link > a:hover {
        color: var(--text-highlight);
    }
	/* Search Bar */
	#txtItemIDLookup {
		background-color: var(--search-bar-background) !important;
		border-color: var(--border);
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	#btnSearch {
		background-color: var(--search-bar-background);
		border-color: var(--border);
	}
	#btnSearch > span {
		color: var(--search-icon-color) !important;
	}
    /* Task Buttons + User name */
    #btnToDos,
    #btnNotificationHistory,
    #dropdownMenu1 {
        color: var(--header-text) !important;
    }
    #divTDBar {
        width: unset;
    }
    /*
    * Tabs themeing
    */
    .apps-tab {
        background-color: var(--header);
    }
    .apps-tab:hover {
        background-color: var(--text-highlight);
    }
	#tabsList {
		background-color: var(--background);
		color: var(--header-text) !important;
	}
	.ui-tabs-anchor {
	  color: var(--secondary-text) !important;
	}
	.ui-tabs-active {
		background-color: var(--header) !important;
		border-color: var(--boarder) !important;
	}
	.ui-tabs-active > a {
		color: var(--header-text) !important;
	}
	.ui-widget-header {
		border-color: var(--border);
	}
	.navbar {
		background-color: var(--header) !important;
		border-color: var(--boarder) !important;
	}
	.btn-link {
		color: var(--btn-link);
	}
	
	/*
	* Module Panels
	*/
	.panel {
		background-color: var(--background);
		color: var(--primary-text) !important;
	}
	
	.panel-default > .panel-heading{
		background-color: var(--header);
		color: var(--header-text) !important;
		border-color: var(--border);
	}
	
	.desktop-module.panel.panel-default.gutter-top {
		border-color: var(--border);
	}
	.pull-right > a > span {
		color: var(--header-text);
	}
	.pull-right > a > span:hover {
		color: var(--text-highlight);
	}
	a, a.noHover {
		color: var(--link-text);
	}
	.gray, .gray-hover: hover {
		color: var(--secondary-text) !important;
	}
	.ListItemLbl {
	  color: var(--primary-text) !important;
	}
	
	
}