Roundcube Community Forum

Hi,


I wanted to improve the Elastic theme for my personnal use.

Here are the changes :

- CSS changed to fit android dark theme.
- Better user interface
- "pulltorefresh" to retrieve new email
- A lot of buttons moved/deleted/added to look "modern" (inspiration from gmail and o365)


So far, it's made for dark mode only, the light one is ugly.
A few buttons are still buggy, I'll change that later


Github : https://github.com/seb1k/Elastic2022

Link : https://github.com/seb1k/Elastic2022/archive/refs/heads/main.zip

Screen :

(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/2022-2.png)

(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/phone2.png)
(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/phone2.jpg)

(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/pulltorefresh.gif)



New attachments design with audio player

(https://raw.githubusercontent.com/seb1k/Elastic2022/refs/heads/main/img/attachments.gif)




It's not finished yet, i'll wait for you comments to change some colors/buttons/ fix some bugs


Enjoy !

It looks good!

Hi all !

I updated the theme :

- CSS fixed for chrome, edge
- Better UI
- Added missing button
- Added colored icon to look better

Other minor fixes ...


I updated the first post.

Now :
(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/phone2.png)

Update :

- Archive is working
- Left menu opening like outlook / gmail

(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/leftmenu.gif)

Hi,

Anyone can use it !

If you have access to your server just add the "Elastic2022" folder to the "skins folder".

After select the skin in Settings" > "Preferences" > "User Interface" menu.

Hi @Seb1k,

a few years ago i had the same idea of ​​a clean roundcube theme, based on elastic... was never published by me
https://www.roundcubeforum.net/index.php/topic,28653.0.html (https://www.roundcubeforum.net/index.php/topic,28653.0.html)

now i see, you like go the same way...

desire for a common theme with:
https://fonts.google.com/icons
Roboto font
and darkmode

maybe others are interested too?

Hi everyone,


2 years later, i'm still using my theme and still loving it :)

I added the calendar support today and corrected a fews bugs, tests &  feedbacks are welcome :)

Enjoy

Up !

+ Light mode
+ Bugs corrected
+ Swipe plugin

I think that the roundcube team should look at it to add it to the official release...

After finaly adding the light mode, I did take a look at it.
Like that skin, but just one problem: at least for me, no contact images are displayed.
not in the overview and also not when opening a message.
Bug or did I something wrong?

@Seb1k Please consider adding your skin to packagist (https://packagist.org/?type=roundcube-skin). The hope is that is makes it both easier for people to find and easier to install/update.

Also since version 1.5 it has been easier for third party skins to handle plugins because the skin folder is now checked when looking for skin information for a plugin (https://github.com/roundcube/roundcubemail/wiki/Skins#skinning-plugins).

Quote from: druckmusik on May 20, 2024, 03:22:07 AM
After finaly adding the light mode, I did take a look at it.
Like that skin, but just one problem: at least for me, no contact images are displayed.
not in the overview and also not when opening a message.
Bug or did I something wrong?

I just create a patch for it, thank you for reporting this

Quote from: JohnDoh on May 20, 2024, 03:32:11 AM
@Seb1k Please consider adding your skin to packagist (https://packagist.org/?type=roundcube-skin). The hope is that is makes it both easier for people to find and easier to install/update.

Also since version 1.5 it has been easier for third party skins to handle plugins because the skin folder is now checked when looking for skin information for a plugin (https://github.com/roundcube/roundcubemail/wiki/Skins#skinning-plugins).

Thanks for the skin-plugin info.
I'll try to create a "package" later

+ Added a delete icon in the messages list
+ Contact images corrected

Here is a look of the changes :

(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/preview-icon.png)


The contact pictures can have some difficulties to show up, it's due to the browser cache...

Thanks for tha fast fixes.
Contact pictures show up now, but still now delete button and so on.

Hi all !

It's added to composer
composer require seb1k/elastic2022:dev-main

+ CSS fix
+ some button back
+ email auto-resize :
(https://raw.githubusercontent.com/seb1k/Elastic2022/main/img/autoresize.jpg)

PS : How to exclude the /img/ folder with composer ? It's useless on a server :/

QuotePS : How to exclude the /img/ folder with composer ? It's useless on a server :/

AFAIK its not possible.

+ Added PWA support

(https://raw.githubusercontent.com/seb1k/Elastic2022/main/images/pwa.png)

Hey,

how to delete a message? Can't find any button to do that!

Work with on MacOS with Safari.

I'll try to fix this a soon as I will have a mac (can takes time) :/

Didn't succeed to run a macOS VM :(


the last safari is too old on windows

Quote from: Seb1k on August 24, 2024, 08:41:59 AMI'll try to fix this a soon as I will have a mac (can takes time) :/

Hello Seb1k,

sorry to hear that, but thx for your answer.

JoVo

I just did a CSS fix for safari (it works properly on Ipad)

Can you tell me if it works well on a mac laptop : https://github.com/seb1k/Elastic2022/issues/10


Thanks !

The "ipad/iphone" version has been corrected.

+ issue fixed on phone
+ other minor fixes
+ better display of text email (no scrollbar):

+ CSS fix
+ UI changes
+ Attachments thumbnail + audio player


(https://raw.githubusercontent.com/seb1k/Elastic2022/refs/heads/main/img/attachments.gif)

New filter and sorting menus (copy style from outlook.com)

(https://raw.githubusercontent.com/seb1k/Elastic2022/refs/heads/main/img/dropdownmenu.jpg)

I am using the skin you developed. I feel that the skin you developed is the most beautiful and exquisite. Thank you for sharing.

I updated the "compose" page


(https://raw.githubusercontent.com/seb1k/Elastic2022/refs/heads/main/img/compose1.png)
(https://raw.githubusercontent.com/seb1k/Elastic2022/refs/heads/main/img/compose2.png)

I deleted the reply-to & followup-to, I have never seen them used....
I'll create version 1.4 soon, if there are no complaints.

Enjoy !

Hello,
Is there any chance of inserting somewhere an html field responsible for displaying a selection of configured additional accounts via the identity_switch plugin? It works on normal Elastic

It was working with this plugin last year : https://packagist.org/packages/boressoft/ident_switch

(see https://github.com/seb1k/Elastic2022/issues/7 )

Which one are you using ?

Please try the last update.

I changed the compose page + fix for toteph42/identity_switch

Hello there Seb1k. The issue with Enigma2022 and toteph42/identity_switch is there's no way to change identities. Attached two screen shots; one with Enigma and other with Enigma2022 (with a suggestion on how to get it to work with toteph42/identity_switch. Your skin is great, would use it exclusively if not for this issue. Also, by updating Enigma2022 to utilize the same email box as Enigma, you'd pretty much be compatible with any plugin utilizing same. Appreciate possible consideration and again, great job on an excellent skin.

(https://ofnnet.com/Enigma-identity_switch.jpg)

(https://ofnnet.com/Enigma2022-identity_switch.jpg)

Make that Elastic, was updating Enigma plugin at same time, and well, it's late here 😆

Did you use the last files upload and not the last version ?

(https://i.ibb.co/fzG9DKXF/image.png)