layout">
42 |
43 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | elastic-dark
2 | ============
3 |
4 | This just extends Roundcube's [Elastic skin](https://github.com/roundcube/roundcubemail/tree/master/skins/elastic) with some dark theme colours.
5 |
6 | 
7 |
8 |
9 | ## Installation
10 |
11 | #### 0. Make sure you have `Elastic` skin installed
12 | It's part of the Roundcube now, so it should be there, but just in case.
13 | This only extends the Elastic skin, by adding some additional css, but requires the base to be installed.
14 |
15 | #### 1. Download the skin:
16 | In your `roundcube/skins` folder run this:
17 | ```sh
18 | git clone https://github.com/tborychowski/elastic-dark.git
19 | ```
20 | alternatively, if you don't have `git` installed, you can just get the zip instead:
21 | ```sh
22 | wget wget -O elastic-dark.zip https://github.com/tborychowski/elastic-dark/archive/master.zip
23 | unzip elastic-dark.zip
24 | mv elastic-dark-master elastic-dark
25 | ```
26 | **Please note:** you may need to use `sudo` for some commands, depending on your setup.
27 |
28 | **RoundCube v1.5-beta** introduced some small template changes, so to get the compatible skin version, please check-out the `v1.5-beta` branch of this repo (run this after `git clone...`):
29 | ```sh
30 | git checkout v1.5-beta
31 | ```
32 |
33 |
34 |
35 | #### 2. Update your Settings
36 | Change the skin in Roundcube's `Settings/User Interface` to `Elastic Dark`.
37 |
38 | #### 3. Login screen
39 | For login screen to work, you also need to update the `roundcube/config/config.inc.php` with:
40 | ```php
41 | $config['skin'] = 'elastic-dark';
42 | ```
43 |
44 | #### 4. Emails with `!important` inline styles
45 | Unfortunately that seems to require a manual edit to one of the RC core php files (or a js plugin that would fix that).
46 | For the former solution open `roundcube/program/steps/mail/func.inc` and in `rcmail_html4inline` function add an entry to the `$replace` array: `'/!important/' => '',` (around line 1113), so that it looks like this:
47 | ```php
48 | $replace = array(
49 | // add comments around html and other tags
50 | '/(]*>)/i' => '',
51 | '/(<\?xml[^>]*>)/i' => '',
52 | '/(<\/?html[^>]*>)/i' => '',
53 | '/(<\/?head[^>]*>)/i' => '',
54 | '/(
]*>.*<\/title>)/Ui' => '',
55 | '/(<\/?meta[^>]*>)/i' => '',
56 | // quote '<?',
58 | '/\?>/' => '?>',
59 | '/!important/' => '',
60 | );
61 | ```
62 | Unfortunately, this needs to be re-applied after every update of the Roundcube.
63 |
64 | ## Credits
65 | The whole css has been "borrowed" from [Skorpion/roundcube-elastic-dark](https://github.com/Skorpion/roundcube-elastic-dark) (with some small tweaks).
66 |
--------------------------------------------------------------------------------
/templates/message.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
16 |
17 |
18 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |