How to make the light theme the default for my users?

#1

We currently only implemented the light theme for our webviews in Theia, but the default theme is dark. We’d like to change the default until we have a chance to properly style the dark theme. Currently, we recommend our users to manually switch to the light theme the first time they login for a better experience.

An advice on what contribution point I could use to change the default theme would be appreciated.

Thanks

[original thread by Dominique Rochefort]

#2

[amiramw]

try to add this section in your browser app package.json

  "theia": {
    "frontend": {
      "config": {
        "defaultTheme": "light"
      }
  },
#3

[Dominique Rochefort]

Works like a charm! Thanks so much.

#4

I tried doing it like this, but it doesn’t work :confused: I want a custom made theme as my default theme. When I change the entry to light it is still displayed in dark.

#5

@paulf98
now, it should be workbench.colorTheme preference

#6

How can I set this? It is not in package.json anymore, right?

#7

@artem I believe we still use the defaultTheme prop in the package.json which is then used to set the workbench.colorTheme. I believe however that there may be regressions setting the theme with https://github.com/eclipse-theia/theia/pull/8381/files as I am unable to set a default theme as of yet.

How can I set this? It is not in package.json anymore, right?

@paulf98 for future reference, the default value of preferences can also be set in your custom application’s package.json as such:

#8

So in my case none of these two opportunities seem to work :confused:

#9

@paulf98 if you are experiencing issues (on master), please feel free to open an issue on the main repository so we can track the regression and provide a fix :+1:

#10

In case anyone’s finding this thread from search, setting workbench.colorTheme seems to work by setting it in the output’s package.json (e.g. applications/electron/package.json) . It’ll looks something like…

"theia": {
    "target": "electron",
    "frontend": {
      "config": {
        "applicationName": "myapp",
        "preferences": {
          "workbench.colorTheme": "light"
        }
      }
    }
}

This said, there’s a different open issue around further customizations in theming: support theming customizations through the preferences · Issue #8060 · eclipse-theia/theia · GitHub