Use theme colors on login page, error pages, and VS Code page before it loads

[nooobcoder]

• [ ] Grab VS Code theme colors and use those
  • [ ] Login page
  • [ ] Error pages
  • [ ] VS Code page (before it loads, to avoid the flash)
• [ ] When theme colors are not available use system setting for light/dark
• [ ] Possibly a toggle for light/dark mode

[code-asher]

Maybe we could use the same theme VS Code is using? That could be cool.

[nooobcoder]

@code-asher what about the shades of purple theme? https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple

The color scheme is so good, maybe code-server should use it by default. Just a recommendation.

[nooobcoder]

@jsjoeio @code-asher can I expect this feature in the next release 3.9.4 I am skipping updating to 3.9.3 as I could not see any major changes in code-server.

[code-asher]

We don't have this on the 3.9.4 milestone; I think it's unlikely we'll get to it soon.

[jsjoeio]

Echoing Asher, this is a lower priority for us. We also have some changes happening across our internal/external projects, which would be related to this. cc @vapurrmaid

[greyscaled]

Echoing Asher, this is a lower priority for us. We also have some changes happening across our internal/external projects, which would be related to this. cc @vapurrmaid

Hey @jsjoeio - yea, I think this is more likely to land June or during the summer months thereafter, as our internal design system is being built out in our April and May iterations. This exact ticket and code-server is one of the first uses-cases I have in mind and am building for as an acceptance state for our design system.

[KaKi87]

Hello, any news on this ? Thanks

[jsjoeio]

@KaKi87 not yet. It's still lower priority, but feel free to chime in with any thoughts around why this is important to you and what you'd like to see.

[greyscaled]

I have an update: as of the September release of Coder, we've internally started on a design system and we've implemented theming in-product. While the design system is not fully fleshed out, it brings us one step closer to being able to achieve this ticket with the design system.

[KaKi87]

feel free to chime in with any thoughts around why this is important to you and what you'd like to see

More than anything, I would like to have a dark mode on it, even if it's a separate setting from VSCode, even if it's not following the theme's color code, although I would appreciate that too. 🙂

[jsjoeio]

Dark mode would be awesome! Thanks for adding that. We'll add more updates as we have them like @vapurrmaid said so keep an eye on this issue!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no activity occurs in the next 5 days.

[KaKi87]

Here's activity occuring.

[LaCocoRoco]

I request a feature for a customizable login screen in this discussion #5569. I will mark it as answered and hope for future progress in this issue.

[KaKi87]

In the meantime, for Dark Reader users, I created a Dark Reader dynamic blacklist userscript that, among other things, toggles Dark Reader on/off depending on routes for websites & webapps with incomplete theming.

I just added code-server support, which means the userscript will disable Dark Reader on any instance, except on login screens.

As you can see in the following screenshots, Dark Reader is enabled on both pages, but only affects the login page, and not the project page.

Login page	Project page

I'm still looking forward to the login page adopting the user theme.

Thanks