Dark theme for Pivotal Tracker. Hacked together from various stale/unsupported dark themes for Pivotal.
PivotalTracker Dark by karlwilbur
Details
Authorkarlwilbur
LicenseNo License
Categoryhttps://userstyles.world
Created
Updated
Size12 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 PivotalTracker Dark
@namespace https://userstyles.world
@description Hacked together dark theme for Pivotal Tracker.
@author Karl Wilbur <karl@kandrsoftware.com>
@version 0.0.2
==/UserStyle== */
@-moz-document domain("www.pivotaltracker.com") {
.edit .task, .ghost .task, .edit .task_new, .ghost .task_new
{
background-color: #444;
border: 1px solid #aaa;
}
.model section.edit li.activity, .model section.edit .mini.attachments .attachments
{
background-color: #333;
border: 1px solid #222;
}
a.button.tool, button.tool, input.tool[type="submit"]
{
background-color: #333;
}
.iteration .preview
{
background-color: #222222;
border-color: #111 !important;
}
.story.feature .preview .owner, .story.bug .preview .owner, .story.chore .preview .owner
{
color: #99d;
}
section.edit .tracker_markup .story.flyoverable
{
background-color: #222 !important;
border-color: #111 !important;
color: #ccc;
}
.tracker_markup code
{
background-color: #335;
color: #ccc;
border-color: #111;
}
.dropdown_menu
{
background-color: #333 !important;
color: #ccc !important;
}
.dropdown_menu .search_item
{
border-color: #222 !important;
background-color: #333 !important;
}
.dropdown_menu .dropdown_label
{
color: #ccc !important;
}
.dropdown_menu .dropdown_item.selected a,
.dropdown_menu .dropdown_item.hover a
{
background: #444 !important;
}
.end_of_list.item
{
background-color: #222 !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-attachment: scroll !important;
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important;
}
.panel .panel_content
{
background-color: #222 !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) !important;
background-clip: border-box !important;
background-origin: padding-box !important;
background-attachment: scroll !important;
background-repeat: repeat !important;
background-size: auto !important;
background-position: left top !important;
}
.panel.epic_history .activity_entry .preview,
.panel.project_history .activity_entry .preview,
.panel.story_history .activity_entry .preview
{
background-color: #333;
}
.mention
{
background: #222 !important;
border-color: #111 !important;
}
.story .preview
{
background: #333 !important;
border-top: 1px solid #363636 !important;
border-bottom: 1px solid #363636 !important;
}
.story.accepted .preview,
.story.unscheduled .preview
{
background: #334036 !important;
}
.story.delivered .preview,
.story.finished .preview,
.story.rejected .preview,
.story.started .preview
{
background: #363340 !important;
}
.tracker_markup .labels
{
-moz-filter: brightness(0.8) contrast(1) invert(1) sepia(0);
-webkit-filter: brightness(0.8) contrast(1) invert(1) sepia(0);
filter: brightness(0.8) contrast(1) invert(1) sepia(0);
}
.labels_maker
{
background: #333 !important;
border-color: #333 !important;
}
.labels_maker .selected.labels
{
/* What an odd bug. */
z-index: 1000;
}
.story .preview .story_name
{
color: #CCC;
}
.preview .selector
{
-moz-filter: brightness(0.8) contrast(1) invert(1) sepia(0);
-webkit-filter: brightness(0.8) contrast(1) invert(1) sepia(0);
filter: brightness(0.8) contrast(1) invert(1) sepia(0);
}
.story.release .preview
{
background: #663333 !important;
border-top: 1px solid #693636 !important;
border-bottom: 1px solid #693636 !important;
}
.story.item section.edit
{
background: #333 !important;
}
.new section.model_details .persistence
{
background: #444;
}
.story.item .edit textarea
{
background-color: #484848;
color: #ddd;
}
.story.item .edit h4,
.story.item .edit a.selection
{
color: #eee;
}
.story.item .edit .description .field_controls
{
background-color: #444;
}
.story.item .edit .cancel
{
color: #ccc;
}
.story.item .edit .edit_description
{
color: #dde;
}
.story.item .edit .rendered_description
{
color: #ccc;
background-color: #444 !important;
}
.story.item .edit .maximize
{
background-color: #444;
}
.story.item .edit .maximize:hover
{
background-color: #595959;
border-color: #ccc;
color: #ccc;
}
.story.item .edit .labels input
{
background: #444;
}
.story.item .edit .labels .dropdown,
.story.item .edit .labels .dropdown_menu
{
background-color: #444;
}
.story_flyover
{
background: #333 !important;
}
.story_flyover .details
{
background: #222 !important;
box-shadow: none !important;
border-bottom: 1px solid #111 !important;
}
.story_flyover footer
{
background: #222 !important;
}
.flyover.epic_flyover section.activity ol > li:nth-child(2n), .flyover.followers_flyover section.activity ol > li:nth-child(2n), .flyover.integration_story_flyover section.activity ol > li:nth-child(2n), .flyover.story_flyover section.activity ol > li:nth-child(2n)
{
background: #444 !important;
}
.model section.activity ol.comments .activity.github::before
{
-moz-filter: invert(1);
-webkit-filter: invert(1);
filter: invert(1);
}
.model section.edit li.activity.github, .model section.edit .mini.attachments .attachments.github
{
border-color: #888;
}
.model section.activity ol.comments .activity.github .author
{
color: #eee;
}
.model section.activity ol.comments .activity.github .url a:link, .model section.activity ol.comments .activity.github .url a:hover, .model section.activity ol.comments .activity.github .url a:visited
{
color: #bbf;
}
.model section.activity .activity .message
{
color: #ccc;
}
.panel.epic_history .activity_entry .details,
.panel.project_history .activity_entry .details,
.panel.story_history .activity_entry .details
{
background-color: #222;
color: #ccc;
}
.lightbox .title
{
background: #222 !important;
color: #ccc !important;
}
.lightbox .content
{
background: #222 !important;
color: #ccc !important;
}
.lightbox .content li:hover
{
background: #333 !important;
color: #ccc !important;
}
.lightbox .content li.selected
{
background: #444 !important;
color: #ccc !important;
}
section.model_details .actions button
{
-moz-filter: brightness(0.8) invert(1);
-webkit-filter: brightness(0.8) invert(1);
filter: brightness(0.8) invert(1);
}
.button.restart
{
-moz-filter: brightness(0.8) contrast(1) invert(1) sepia(0);
-webkit-filter: brightness(0.8) contrast(1) invert(1) sepia(0);
filter: brightness(0.8) contrast(1) invert(1) sepia(0);
}
.button.reveal
{
background-color: #444 !important;
border-color: #111 !important;
}
.button.reveal:hover
{
background-color: #555 !important;
}
section.model_details .actions button:hover
{
-moz-filter: none;
-webkit-filter: none;
filter: none;
border-color: #ccc !important;
}
section.model_details .button_with_field .text_value
{
background-color: #444;
color: #ccc;
}
.info_box
{
background-color: #444 !important;
;
}
.info_box em
{
color: #aaa !important;
}
.info_box .row, .info_box .r...