Dark UPS Tracker

Dark UPS Tracker.css

/**
 * Dark UPS Tracker v0.1
 * <https://gist.github.com/carlbennett/5569ae5c5217eb51f1dbd0d5ff848cfa>
 *
 * Written by Carl Bennett <carl@carlbennett.me>
 * You are hereby free to use this code under the MIT license.
 * 14 August 2020
 *
 * Official UPS Orange Color: #f7be00
 */
body { background-color: #000 !important; color: #fff; }
a, a:hover, a:link, a:visited { color: #f7be00 !important; text-decoration: none; }
a:hover { text-decoration: underline; }

.container-fluid, .container-fluid.iw_section.iw_section { background-color: #222 !important; }
.ups-bg_stone_40 { background-color: #333; }

#ups-alertsWrap { background-color: #f7be00; color: #000; }

#ups-headerTools .ups-toolsToggle, .ups-navMenu .ups-menu_toggle, .ups-navMenu .ups-mega_menu_link { color: #f7be00; }
.ups-header_utils li a, .ups-header_utils li .ups-icon-search::before, #ups-header_search .ups-header_search_track { color: #f7be00; }
#ups-headerWrap { background-color: #1e1e1e; }

.ups-headerTools_list, .ups-navMenu .ups-menu_list, .ups-headerTools_widgets li { background-color: #333; border-color: #777; }
.ups-headerTools_msg h3 { color: inherit !important; }
.ups-headerTools_widgets li.ups-headerTools_track { background-color: #f7be00; }
.ups-headerTools_widgets li.ups-headerTools_track .ups-simpleTrack_input { color: #fff; }
.ups-headerTools_widgets li.ups-headerTools_track .ups-simpleTrack_input::placeholder { color: #fff; }

.ups-page-title { color: #fff; }
#stApp_lblTrackingNumber::before { content: "Tracking Number:"; font-weight: normal; }
#stApp_lblTrackingNumber { color: #f7be00; font-weight: bold; font-size: large; }

.ups-application_wrapper .ups-card { background-color: #444; }

.panel { background-color: #555; }
.panel.panel-default > .panel-heading { background-color: #6a6a6a; }

.ups-application_wrapper .ups-drawer.ups-flat_drawer { background-color: #444; border-color: #444; }
.ups-application_wrapper .ups-drawer.ups-flat_drawer .ups-drawer-btn { background-color: #6a6a6a; }
.ups-application_wrapper .ups-toggle.ups-toggle_square { background-color: #555; }

.ups-data_table table thead th { background-color: #555; border-color: #555; color: #fff; }
.ups-progress_table table tbody tr.ups-progress_future_row { color: #ababab; }

.ups-form_wrap .ups-form_label, .ups-link { color: inherit; }
input[type="text"], input[type="email"], input[type="date"], input[type="number"], input[type="password"], input[type="search"], textarea, select { background-color: #3d3d3d; color: #fff; }
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="date"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, textarea::placeholder, select::placeholder { color: #fff; }

.modal-content { background-color: #333; }

#ups-footerWrap, #ups-footer .ups-footer_colsCont::before { background-color: #1e1e1e; }
#ups-footer, #ups-footer ul a { color: #666 !important; }