Rainloop-webmail: Dark theme.

Created on 10 Jun 2018  路  4Comments  路  Source: RainLoop/rainloop-webmail

I understand that there are already issues relating to this, but can we have a dark theme added.

I don't mean custom themes or the "Dark squares" thing, I mean a theme that changes all the colors to be a dark sort of pallete. Basically, all colors would be dark, and there would be little to no white or anything like that.

Using rainloop at night is a sort of retina-burner for me at the moment.

Most helpful comment

I totally agree. I use a 48" 4K TV as my monitor. When I check my mail at night .... my eyes start melting.

I copied the app.css and updated as I saw there were not that many settings available in the "Theme" (less) files. The correct way to do this would be to extend the available settings in the theme files, but for now, I have just cloned/updated the app.css and minified it (attached below).

  1. Just extract the CSS file in the ZIP file (below)
  2. Navigate to your Rainloop CSS folder
  3. Rename the original app.min.css to app.min_orig.css
  4. Paste the extracted CSS into your Rainloop CSS folder
  5. Refresh your browser

Dark Theme: app.min.zip

Rainloop CSS folder: rainloop/v/1.14.0/static/css

image

All 4 comments

any news on this? most important feature imho!

Please, dark mode will put this web mail light years ahead

I totally agree. I use a 48" 4K TV as my monitor. When I check my mail at night .... my eyes start melting.

I copied the app.css and updated as I saw there were not that many settings available in the "Theme" (less) files. The correct way to do this would be to extend the available settings in the theme files, but for now, I have just cloned/updated the app.css and minified it (attached below).

  1. Just extract the CSS file in the ZIP file (below)
  2. Navigate to your Rainloop CSS folder
  3. Rename the original app.min.css to app.min_orig.css
  4. Paste the extracted CSS into your Rainloop CSS folder
  5. Refresh your browser

Dark Theme: app.min.zip

Rainloop CSS folder: rainloop/v/1.14.0/static/css

image

@clinkadink this is great, thanks. I found one issue which was the .hasUnseenSubMessage class. It was still using a light yellow color. I searched the file for that classname and replaced the value with #353434.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

HLFH picture HLFH  路  3Comments

bogdanstoica35 picture bogdanstoica35  路  3Comments

saelfaer picture saelfaer  路  6Comments

PeopleInside picture PeopleInside  路  3Comments

ninja- picture ninja-  路  3Comments