Hey all,
I made a thing to save my eyes (and hopefully yours):
https://userstyles.org/styles/170527/jamf-pro-dark-mode
GitHub Source
Please read the installation notes carefully to activate the style.
Tested pretty extensively in Chrome; works in Firefox too. Unfortunately Safari is not possible at the moment until Stylish (or someone else) submits an app for Mojave / Safari 12. While Safari can load custom CSS via Preferences > Advanced, Jamf's CSS has some 'global' declarations in the first few lines for typefaces and I can't easily work around that AFAIK.
This is my first attempt to do anything remotely approaching 'front end web development' in over a decade. If I've missed anything obvious or made an amateurish / inefficient CSS gaffe, please let me know here and/or make code suggestions at my github repo.
I've uploaded some screenshots here to whet your appetite.
@bradtchapman I installed from Github as couldn't seem to get it to kick in at all using the CSS from Stylish.
I'm (so far) seeing the light scroll on the Dashboard
And also at the foot of the Scripts screen in Settings
I'll try and grab another Mac to test it on so see if it's my machine glitching out
FWIW, I am also seeing that fade to white in my JSS, but ONLY in the dashboard items. I hadn't noticed it yesterday.
Mine was manually added from the GitHub code. I could try removing it and installing it from within Stylish. But as said, in other areas where there is a fade, it fades to black and sometimes very very dark grey
My guess is it's a different style sheet for the fades on the dashboard than in other areas.
Just FYI, I'm also seeing the fade to white on the scripts page, at least under 10.10.x. The scripts page displayed differently in prior versions. Jamf seems to have moved to a table view on that page now, so there must be some additional style applied there.
The rollover highlight for scripts also turns white, which may not be how you intended it to look.
Even with these issues, I'm still liking it! But these small issues highlight why Jamf really should be the one doing this, not a community member who may have to play a constant game of whack-a-mole.
@bradtchapman Sure thing. Uploading a couple of other screenshots. Note that I went back and reinstalled the style via Stylish, just to be sure I am using the latest version. Still the same result. Here is a view of the Scripts page while on Jamf Pro 10.10.1. The red outlined area is the white fade I am seeing. This is with Firefox version 66.0.2 (latest version)
Here is a view of a dashboard item. Smaller area, but you can see the small white fade section at the bottom.
In contrast, here is a view of a policy, which shows the proper fade to black section at the bottom.
You did mention that the fading parts were tricky to locate and modify, or that there were a lot of style elements associated with those. I suspect there are a few pieces that slipped through that still need to be adjusted so they don't show up with the white fade.
Hope the above helps.
Edit: Forgot to mention it, but in case it wasn't obvious, the dashboard item above is a patch title, not a policy. Interestingly, regular policies don't have the fade area, so it doesn't show up on those.
@bradtchapman Done a bit of digging and looks like the Patch Policy Dashboard items are using
.jamf-patch-summary.is-on-dashboard .jamf-inner-list::after
{
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(75%,#fff),to(#fff));
background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 75%,#fff 100%);
bottom: 0;
content: "";
height: 25px;
left: 0;
position: absolute;
width: 100%;
}I did a live edit in the Chrome dev tools replacing #fff with #2f2f2f in 'background: linear-gradient' and everything looks like it should on the fade.
There is a little display inconsistency in the Patch Policy items which can be seen in the screenshot below - it (on my dashboard at least) seems to manifest where all the version numbers are < 8 chars (i.e. Firefox)...as soon as you have have something longer (i.e. Microsoft Word) where we also have 'Unknown' listed (7 chars) then the background covers the full width.
I've not worked that one out yet but it could be unrelated to the CSS as the white background would have masked this.
Things are looking more unified with each little addition. I included @jsherwood's edit above and that more or less takes care of the patch dashboard items, though it seems the text showing the version breakdown in those exists in it's own dark panel that makes it look a little odd under certain circumstances. No biggie though.
But I did see this. On the Scripts page and the Buildings page (both of which use a table view) there is an odd rollover anomaly. Take a look at these screenshots. The lighter grey rows, when moused over, highlight to a dark blue, which is good.
But the darker grey rows, when moused over, look like this:
They turn almost completely white, but the text in the category and priority columns is still a light grey, so it almost completely disappears. I'm guessing something got missed in whatever controls that and the highlight should also turn dark blue or a dark grey or something else other than white.
If I find what's causing that, I'll post back with any info.
Edit: Well, I see the section in the style sheet that controls the table options (.jamf-table-theme) and the .ag-row-hover, which is already set to highlight to color background-color: #268aff; is there, but for some reason it only applies to the even rows, not odd. As for that, it depends on how you view it. It looks like Jamf Pro considers the header to be row 1, so an odd row, and then goes from there. So the first row under the header (row 2) highlights properly, and then the next row (3) does not, and so on.
It's been years since I even played around a little with CSS and style sheets, and even then I only ever knew a little of it, so I'm lost in what needs to be edited to fix that issue. It's possible it may not even be fixable I suppose.
@bradtchapman This style is great. One thing I have found is that on the dashboard Patch Management Statuses boxes are still white.
