Luna dark theme possible on Xfce?

[ipkpjersi]

Hi,

I absolutely love this theme! The only issue is, I wish there were a dark theme possible. I am using Ubuntu 22.04 with Xfce 4.16.

For example, this is what it looks like by default with the Windows XP Luna appearance:

Whereas, with arc-dark, it still looks fantastic with the window manager theme still Windows XP Luna, but then certain applications like Chrome and Appearance lose the XP window buttons:

Is it possible to somehow make a dark version of the Luna theme for "Appearance" for Xfce? Would it be simple, or would it be a ton of work?

Thanks.

[ipkpjersi]

So I looked into this some more, and it seems like the answer is kind of "it's not that simple", depending on what you want done.

If you want a whole system-wide dark theme, it seems like it would require changing a bunch of CSS, so it's definitely not super straightforward.

However, doing it on a per-app basis can be much easier. With per-app dark modes, I essentially have a combination Windows XP Luna theme with the dark mode ability I have relied on over the years.

I was already using a dark theme on Firefox so that worked OOTB, Chromium seemed to be using a dark theme for me OOTB as well, with Chrome I had to click "Customise Chrome" and manually select the "Black" theme. For Thunar, I had to write some CSS in order to get it to have a dark theme. For Ristretto, you can set a custom background color in the Image Viewer Preferences.

For Thunar, here is the CSS I am using, in file /usr/share/themes/Windows XP Luna/gtk-3.20/gtk.css, I added these lines at the bottom:

/* Thunar General */
.thunar { background-color: #2e2e2e; color: #e0e0e0; }

/* Thunar Sidebar - shortcuts view */
.thunar .shortcuts-pane .view { background-color: #353945; color: #e0e0e0; }

/* Thunar Sidebar - treeview */
.thunar treeview { background-color: #353945; color: #e0e0e0; }

/* Thunar Main contents view */
.thunar .standard-view .view { background-color: #404552; color: #e0e0e0; }

/* Thunar Main contents view - selection area */
.thunar .standard-view .view .rubberband { background-color: rgba(0, 122, 204, 0.3); color: initial; }

 /* Thunar Main contents view - selected folder */
.thunar .standard-view .view:selected { background-color: #007acc; color: #e0e0e0; } 

/* Thunar Main contents views - header while in list view */
.thunar .standard-view .view header button { background-color: #353945; color: #e0e0e0; }

/* Thunar Status bar */
.thunar statusbar { background-color: #353945; color: #e0e0e0; }
.thunar paned>grid { background-color: #353945; color: #e0e0e0; }

Here is what it looks like:

Also I got to retain the nice blue selected folders that I really enjoyed from before too:

Hopefully this will be helpful to someone else.

We can leave this issue open or close it, I don't mind either way.

[ipkpjersi]

I'll go ahead and close this since I pretty much have my answer and my workarounds for a lack of a dark theme.