Trac dark mode

Hello, The dark mode for trac is now available.

If you encounter issues feel free to post here, or add them as tickets in trac directly.

You can also keep using the light mode if you prefer, or switch to it if the dark mode has an issue.

I will prepare a patch after receiving enough user feedback to adress issues :slight_smile:

Known issues:
-Priority for tickets is not seperately highlighted in the ticket lis
-File view of txt files is improveable
-Ticket box Link + yellow BG contrast is improveable
-File view is completely unreadable in some cases
-logout link color (Maybe visited link color?)
-Preview for creating a new ticket is broken
-Contrast or text density may be improveable in areas

6 Likes

How do one do that? Can’t find a setting for it here Making sure you're not a bot!

The contrast is not the best for my eyes, while here, on discourse, it’s fine in dark mode.

1 Like

Is the contrast with the background of the page? If so you can just change the Document background color in the Appearence preferences.

What contrast would you prefer? More or less? There are also prefers more and less contrast media querries that I can implement in subsequent versions

More contrast. I’m currently on an macOS/Chromium

1 Like

Interesting, the Contrast is really high for me on Haiku.


The background color here comes from your User Agent, that is from Chrome itself…

You may be able to use an extension for a per-site overide (I’ve not vetted this extension): GitHub - bramus/chrome-dark-mode-toggle: Real control over Light Mode / Dark Mode on a per-site basis! · GitHub

1 Like

The Timeline page is mostly fine (apart from Logout link). A ticket page is not so much (orange links vs background)

1 Like

Ah, the orange on yellowish? Okay. Noted

1 Like

The builtin attachement viewer is unreadable in dark mode:

For an example:

Interesting. I had tested this, and in my test only the highlighted line and frame had any issues. I suspect there may be severall different types here at play.

In any case, adding to the list, thanks!

Isn’t it possible to use the .css from this site (discuss.haiku-os.org) for Trac?
For cohency?

I like the .css here most!

No, css across websites is not compatible. I could use some colors from the discourse css to achieve a uniform look, but personally I don’t like it much.

The trac dark mode was modellled after the existing dark mode of haiku-os.org and api.haiku-os.org

I would like a bit of opinions/poll, currently the Api docs use Orange as a signal color heavilly, The main site uses orange And blue, and the new trac uses orange and yellow.

Now, as one “idea” here was to make these things a bit more consistent, what would be a good idea going forward:

  • remove yellow from trac, use only orange?
  • remove orange from trac as main color (only decoration) use only yellow?
  • use lightblue for links in trac instead?

Some of these ideas could then propogate back to the api docs.

Thoughts?

1 Like

I don’t hate the dark theme, but it is messing with my eyes… i’m not sure why. Text is a strain to read for some reason.

I feel like the dark background color is off or clashing for some reason… maybe the font density is too high for the contrast?

2 Likes

I just used Trac dark mode for the first time and I have to say that it looks pretty good. :+1:

FYI the “view ticket” section has a couple of glitches here:


Highlighting the status headers makes their font blend in and some of the tickets rows are completely white.

When trying to do a “preview” for a new ticket, the dark mode makes it totally unreadable. It mostly becomes “white text on white background”, except for some code blocks.

Using the “Dark Reader” on top of current dark theme, makes it better, albeit the “DRAFT” watermark still gets in the way (gets too white).

That is still no actionable feedback. If you have specific suggestions where dark reader improves the contrast or readability feel free to share them, but I don’t see why you bring this up otherwise. The extension has nothing to do with proper browser dark mode support and actually undoes work in that area, in addition it is super configurable So I have absolutely no clue what you might be seeing what you consider better.

The “Main” background color comes from your browser, but the foreground color does not. Should I include the text color in the set of colors from the Browser?

Atleast for ticketboxes or these small info boxes I am going to change the background again, probably inspired by how you altered the Alert, Info, Warning bubbles for the dark mode on the Haiku-os.org site.

Because I have trouble explain all the little details where it makes it better in different parts/pages of Trac. If you could give the extension a go, you could easily see it for yourself, that was my point, sorry if I didn’t made that clear enough.

If you can’t or want to try it for youself, I guess I should try to create side-by-side screenshots (I stil think it would be obvious if you tried yourself, but… OK).

There is not much gained by vague “I think this is better”. In this thread there are severall people who have pointed out specific problems, and those are problems I will adress in a patch release, aswell as problems that I figure out.

I don’t have any interest in trying some random extensions because:
A) It breaks the dark mode, so there is no basis for comparison anymore (especially the “Canvas” Color in CSS comes from your User Agent, that is your webrowser, but It just won’t if dark reader overides it with “something)
B) I have no extensions in WebPositive, so this won’t help me in practice anyway.
C) The extension has countless options that make compareability almost impossible.

In any case, feel free to show specific sections, not already mentioned in the top post or by others here, that can be improved.