« first day (347 days earlier)      last day (1092 days later) » 

12:12 AM
What do you guys think of this dark theme?

http://i.stack.imgur.com/t8k6w.png
 
@Spectric It looks kind of bright :D
@Scratte This works:
(async () =>
    $(document).ajaxComplete(function() {
        if (stopIt) return;
        stopIt = true;
Using $(document).ajaxStop(..) does not. <-- I take it back. That works too.
@Spectric What I mean is that the light bits are quite light compared to the dark bits.
I think maybe you can find an imgur image for the dark Stack logo on the meta post.
Did you use the same colours as the general dark theme? It kind of looks like it :)
 
1:05 AM
@Scratte Yep :). I figured it best to stick with what the wheel rather than make a new one.
Thanks, I'll take a look at that material. I do find it slightly bright too.
 
1:20 AM
@Scratte Just noting that old browser support would be a nice thing to have - I always feel dirty when I need to transpile to older versions of JS and especially when I need to add polyfills or think about feature testing, but that's probably unavoidable :)
@Scratte I just mentioned it because adding a directive you mentioned (if I understand the meaning of the @run-at document-end correctly) is the same as wrapping the code into a load event listener, that shouldn't make a difference
@Scratte the problem is there is a difference between scraping as a practice and "falling back to requesting a page and parsing it" as scraping :) These policies are designed to catch scrapers, i.e. with Puppeteer, making hundreds or thousands of requests. If normal use rates were not allowed, then normal usage of the website would lead to permabans on IPs :)
^ because we are talking about 1-10 requests per page load depending on the task + some optimization techniques might very well reduce the number. Plus you of course send all your cookies and credentials with the request
@Scratte I dunno, maybe there is special handling required to make AJAX requests via tampermonkey userscripts? I can check later
@Spectric some feedback:
 
Yep
 
dark modes usually change every facet of the theme, including inputs and areas (most of the time, to a lighter shade of the primary color, in your screenshot, the textarea is still light)
 
Ok
Thanks for the feedback
 
What do you think about giving the user the option to choose the color?
 
1:33 AM
^ for example, this is how the post creation textarea looks on main
@Spectric that's far from all :) Wait a little
 
I'm listening :-)
 
@Spectric but in the meantime - yes, I think so. I like when I am given the choice to decide what I want the site to look like, there are sites with some outstanding capabilities for color scheme customization out there. That might not be feasible on the scale of SE network as a company, but for a custom stylesheet or userscript that might work very well, IMO
 
@OlegValter Agreed. Shouldn't be too hard to implement too.
 
same goes for the Stack Overflow logo - you can change it to a dark version: stackoverflow.design/brand/logo
2
 
Thanks! I couldn't find it, so I had to stick with the white background :)
 
1:38 AM
@Spectric yeah, it seems to sit in chat from times unknown - they have a transparent background version :)
next, tags: #E0EAF1 is designed for light mode, you would want to recolor the tags to match the theme (I'd say something like main site but less contrasting - they for some reason made them pitch-black)
^ these small adjustments are likely to solve what @Scratte noted: it is a bit too colorful for dark mode :) I think these three should already be enough to make the theme more appealing
 
Alright. Thanks for taking the time off to help :) I appreciate it
 
the next one is my personal preference (seems like it is in line with the SE design choices this time) - the links colored bright orange introduces too many anchor points for an eye, contributing to the feel of the screen being "cluttered", if you change to a light-grey or something similar (but enough to easily distinguish links), I think the theme will only benefit
 
Hmm.. Light grey would be good, yes
 
and probably a nitpick - reputation number shouldn't be black in dark mode, it is too low a contrast - better greyed out or same color as the display name. But that's really a minor one
that's probably all for now :)
@Spectric NP :)
In general, I'd also think about giving more space to messages themselves by increasing padding on the top an bottom, but that's a carryover of the older times + a lot of people like density more than spaciousness, so that's only a possibility to consider
 
2:24 AM
test
 
 
2 hours later…
4:16 AM
Here's a sneak peek of the dark mode right now: imgur.com/a/rzrL6Fa
 
 
3 hours later…
7:39 AM
@OlegValter No. There's no such special requirements. About users and review queue, there is this url that I found ealier https://stackoverflow.com/review/user-info/2/158285?_=1620113454760 2 is for the close vote queue. "1620113454760" seems to be some id that increases every time one's browser is calling it. It's called from the review overview when hovering users.
This one is from suggested edits https://stackoverflow.com/review/user-info/1/121309?_=1620113454763 so I suppose 1 is the suggested edits queue :)
The thing I noticed is that it's pretty small and it gives just enough info about a user. Which could replace your API call for the reputation. It had enough information to make a proper usercard :)
I just tried it without the "counter" https://stackoverflow.com/review/user-info/1/13210306 and it works just fine.
@OlegValter Awesome :) Much better than some imgur image I found on meta :)
@Spectric I just played around on the front page. I get the top link to a var(--red-700).. I think it was 700 :)
I think I have a user style for a room on chat.stackexchange somewhere. I didn't like the blue, so I made it look like a chat room at chat.stackoverflow :)
 
8:21 AM
With regard to the number in https://stackoverflow.com/review/user-info/queue-numer/userid
1  : Suggested Edits
2  : Close Votes
3  : Low Quality Posts
4  : First Posts
5  : Late Answers
6  : Reopen Votes
10 : Triage
11 : Help & Improvement
Rant: I accidentally clicked on one of the headers in the network tab in the developer tool, and now I can't sort them by timeOfRequest! Which was the default before. Any new transactions came in the bottom. Now that's just gone and one can only sort by other stuff which is completely useless to me since I'm interested in the last request that was made. URGH!!!
I really really hate it when user interfaces make it so that if you click in the wrong area then there's no way back :(
 
9:24 AM
Hmm.. so I just tried to see how to scrape the Question/Answer to take out the usercards for poster and editor and put that into the Suggested Edit. After about 15 minutes, I got pissed off that I have to do this to get the information only because Stack thinks it shouldn't be there now. I think.. my life is too short. So I closed it all, and I'm not likely to want to spent more time on putting in all this energy just to work for free.
If Stack wants users to review it's on them to give the information that users wants there. And space enough to see the actual review instead of having them look at white space and useless things.
What I mean to say is that reviewing doesn't make me happy anyway, and doing it would only be because it needs to be done. But it doesn't really. If no one reviewed that queue again until Stack fixes it, everyone would be better off.
Me fixing it on my end just gives Stack an excuse to do whatever they want, because the users will make it work for them.
 
 
7 hours later…
4:01 PM
Version 1 is out. If anyone wants to test it out or give feedback, I would appreciate it :). github.com/SpectricSO/stack-scripts/tree/main/scripts/…
 
 
1 hour later…
5:12 PM
@Spectric What's the difference between a script.js and a script.min.js?
Not going to argue coding style, but have you considered line beaks? :)
It's nice. Except I don't agree with OlegValter about the link colour. It's looks too much like not links. I'd also keep the orange buttons :)
And I'd keep the green highlight of my username
I'd pick a murky yellow for my own chat messages.
A red colour for links :)
The original colour for stars.
I'm not entirely sure about the tags..
I think I'd keep the same murky yellow in the textfield as I'd pick for my own messages.
I am referring to the colour of the overflow and meta-box on every page on Stack when I refer to murky yellow :)
 
@Scratte .min specifies that the script has been minified so that it is as short as possible.
 
@Spectric Ok. Thanks. I did not know that. I like them longer :)
 
Red color for links, yellow for stars, tags not sure, same color for textarea
Got it
 
Or rather.. I like them readable :)
 
Script.js should have all the linebreaks
I'll get right to it. Thanks for the feedback :)
 
5:26 PM
@Spectric It's just my preferences :) Someone else may have other preferences :)
Nice work :) I also really like that you put the Stack logo into dark mode :)
 
Thanks :) Turns out the link Oleg Valter provided me didn't include the image source of the dark mode image, so I had to use some filters.
 
@Spectric Didn't it have the image as a 4 in one? Where one is suppose to use it as a sprite (if that's what they're called.. I can never remember that word)?
 
I did, but it was an svg
 
Ohh.. I see.
Well, taking it from the Dark - meta post works too :D
 
I got the styling to invert the logo from the dark theme stylesheet SO uses
 
5:31 PM
@Spectric That sounds complicated. I admit, I didn't read the source.
..my screen isn't wide enough :P :P
 
 
1 hour later…
6:47 PM
@Spectric Is this your CSS? It's awesome! :)
 
Yep :) It's only a linear gradient, not at all difficult to learn
 
Perhaps not. But it looks so cool and you have to have the idea first :)
 
SO uses !important on system messages so I can't modify them by inserting CSS dynamically
So I got a little creative
I'm adding support to customize colors
 
Ohh.. nice :) I'll probably put them into the script directly, since I always use "incognito" and nothing ever gets written from one session to the next.
 
7:19 PM
@Scratte Version 2 is out :) You can now customize colors. Hmm... does that still make it dark mode? Check it out here: github.com/SpectricSO/stack-scripts/tree/main/scripts/…
Right off the bat I've spotted a bug: Clicking [reset preferences] does not reset the text color input. I'll get onto that.
 
OK. I'll wait testing it then :)
 
It's only a small issue (which are the most hard to fix, ironically).
Nothing like missing a - in the id :)
Fixed
@Scratte Ready for testing :)
You'll find a little settings icon on the top left of your screen. You can change the colors there
This answer actually came in handy, even though it wasn't a true answer to the question. I'll give it an upvote
 
7:41 PM
@Spectric lol! It's a meta Answer :D
That's nice. It works :)
How odd that the "all rooms" is a link, but the "send" and "upload" buttons are not.
I most certainly need to adjust the delete colour for dark mode :D
 
8:03 PM
@Scratte I've never been able to see deleted comments, so I didn't customize it. I'll find a way to fix that
I'm also fixing the (@) autocomplete. Currently you can't see what it says because the background is white
 
@Spectric It's also not possible to see which messages are yours and which are not :)
@Spectric OlegValter made a user script for it :)
 
@Scratte Hmmm... Yep. I'll add that too :)
 
It's funny how dark mode changes the seemingly transparent background of an avatar to be very bright white :)
@Spectric I was thinking it is linked to the text input field. So the colour of own messages should be the same. I think it's how it works in normal mode.
I think some of your !important are interfering with my username colour scheme.
 
Color scheme?
 
I have a different user script that gives room owners a special colour. Moderators too.
I've given some moderators their own unique colour :)
This is your script in SOCVR. This is my script when yours isn't running. rene is a Room Owner, and hence red. Makyen has their own invidividual colour :)
 
8:21 PM
Hmmm... I don't think I can do anything about that either
I mean, without !important nothing would be overwritten
I just realized in your screenshot how my dark theme perfectly matches rene's profile picture background
Almost, anyways
 
8:41 PM
@Spectric I see :( Perhaps I'll just steal borrow from your script then instead of running it as is.
Though I am mostly a light-mode user. Because going from dark to light is painful and I read a lot of different sites on the internet.
What to do with users that don't even read comments on their own Questions and then post a self-Answer that's just.. horrible? :D
 
 
1 hour later…
10:18 PM
Having troubles with the @match for the userscript - I have no idea how to make the regex run on every chat domain
And I'm no expert at regex either
I've tried chat*.com and chat.*.com
 
@Spectric yay, looks nice :)
@Spectric its less of a regex and more pattern matching (developer.chrome.com/docs/extensions/mv2/match_patterns):
https://chat.*.com/rooms/*
^ I think this should do it, but I am not sure, don't use userscripts myself, so please, let me know if the guess was correct :)
 
@OlegValter Looks promising, but doesn't do the trick :(
 
@Spectric that's ... surprizing?
@Spectric maybe there is an overlap with other directives?
@Scratte after you do a dozen of integrations where you need to slap a logo of the product somewhere you start to look for the brand page for these things :)
@Scratte btw, what would a red link mean? "don't touch"? :)
@Scratte yeah, that one is quite useful, thank you :) Surely goes to the list of fallbacks
FYI, I have "5,94766 gold badges" for some reason :) Seems like the stats on the page doesn't do rounding
 
10:35 PM
Turns out I needed to use @include instead of @match
@OlegValter Thanks alot!
 
@Scratte can't you sort by waterfall position? Same thing
@Scratte for reputation info, I am going to use this: meta.stackoverflow.com/questions/261385/… as a fallback
@Scratte frankly, I am just playing around to hone my skill :) Most of the time, I prefer vanilla experience to keep me irritated enough to demand changes from SE when I see an opportunity
@Scratte yes, down with the capitalist oppression - unpaid workforce of SE demand rights :)
@Spectric can you add a plain CSS file for it? I prefer local overrides with no scripts involved - then I could test :)
@Scratte as @Spectric mentioned already, this is a de-facto standard notation for minified versions of JS (just as .spec.js for test files) files and is considered best practice :)
@Scratte that's just a preference, but I think when it is expected to have many links in one place (i.e. SOCVR chat room), they should be dimmed (not necessarily shades of gray, but something similar). Otherwise, you add with too many visual anchor points
 
@Spectric I think @include expects a real regex with a start / and an end / :)
 
10:51 PM
@Spectric you can try increasing the specificity of your selector :)
 
@OlegValter No. I just like the links in red :)
@OlegValter No. You need to understand the data :)
@OlegValter Yes, that took me a while to work out. When I finally found out I had already pulled out my last hair :D
@OlegValter That only works for your own user :D
 
@OlegValter Heh :) Exactly. Not taking it anymore! :D
 
@Scratte do you have any clue what it could mean? :) I certainly have 6
 
So it will go 5,9476621213737, no? :)
 
10:56 PM
@Scratte shoot. I need some coffee. Crazy I didn't notice. Who provides data like that!
 
5,94766 gold badges2121 silver badges3737 bronze badges :)
The , is the saviour here. It will ensure that you must read 3 digits after the , to be part of the reputation :)
@OlegValter Stack Inc. Same company that lets users review suggested edits 8 words per line :D
 
@Scratte thank you, I would be very puzzled for a quite a while :) What's with the duplication of badge counts, I wonder?
 
@OlegValter It's just to confuse the enemy. It's an american trick :P
But you'll need to load a few low reputation users to see how to read 3 and 2 digit reputation numbers.
I didn't check the raw data. There may be a delimiter that we can't see.
@OlegValter Ahh.. I still want them red. They are red on light too :)
 
@Scratte lol, the markup is correct, its the styles that are wrong :)
^ to be exact, they are nonexistent
 
@Spectric You still need a regex? Or are you good? Note that the dot . isn't a period :)
 
11:06 PM
@Scratte I think it is in this case :) As far as I recall, in pattern matching the dot has no special meaning
 
// @include https://chat*.com/rooms*
// @include https://chat*.com/users*
// @include https://chat*.com/faq*
 
@include /^https:\/\/chat.*\.com\/rooms\/.*/ (all the / need to be escaped to not be confused with the start and end)
 
I settled for that
@Scratte I'll try that out :)
 
Ahh.. yes, that works too. You're not using regex then :)
 
@Scratte yup, that's what I mentioned earlier :)
 
11:09 PM
0
Q: Dark Mode 4 Chats

Spectric A userscript that adds Dark Mode to Stack Exchange Chats, while also allowing you to customize themes and colors! Version 0.2: still beta Screenshot / Code Snippet About Since the introduction of Dark Mode, we have not seen it being expanded to chats. This userscript adds a customizable Dark...

 
@Spectric Is there an optical illusion on that page. It looks like the image is tilted, but it's not :)
I swear I did not drink any alcohol
 
Not intentionally :)
 
Love your demo :)
@Spectric So you see it too?
 
Not really
@Scratte Thanks :)
 
Maybe it's just me then. I've been trying to find documentation for a SQL for hours and I'm at a loss :(
@OlegValter I think that's because it's meant to be put into a hover on a page that already has CSS :) The review overview page :)
 
11:25 PM
@Scratte ah, that's why :)
just noticed, try to click on a "learn more" button when on this page:
 
LOL! Good luck.. You're on your own. We just pretended. But now you know :D
 
@Scratte yup, they added the logic that opens the popup only to the review tasks :)
^ when you have an army of free beta testers, why bother :)
 
I could spring another rant now.. :P
 
11:44 PM
@Scratte it is just so bizarre that something like this wasn't checked... I reported it - I need to know if this was intentional, I can't believe it could be :)
 
Heh.. I'm sure they just test in production. Like when they decided to not mark any flags on deleted post as automatically helpful. Which resulted in NAA flags never being marked as helpful :D
I have two of those.. They didn't even fix the database after they fixed the bug. They'll be there forever.
 
@Scratte ah, and I don't want to blame anyone, but I think I know who is responsible for making the "filter" button take the huge space on the top... I won't say anything, but here is a small hint: "thank you"
 
@OlegValter Not sure the hint helps me. Since I thought it was several people responsible for that one :)
I moved the filter button when I first noticed it. Then I clicked on it in it's new location. The thing opens up in the original location.. :/
 
@Scratte exactly, I meant several people :) Something about the style looked overly familiar (I am not talking about the quality of the change, but rather of the idea of it): lisahpark.com/stack-overflow/#review.
 
OMG! I'm surprised that line of text in the middle leaves any room on the sides :D
I must admit that I find the line spacing pretty annoying.
There's room for ants, a spider, a caterpillar AND air to breathe..
I have a user script on Stack that removed that line height they put in some months back.
 
11:55 PM
@Scratte the line in the middle, you mean the filter list?
 
This is pretty much the max window height my screen allows for, and I'm not wasting that on 200px line height!
 

« first day (347 days earlier)      last day (1092 days later) »