Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tborychowski/elastic-dark
Roundcube Skin
https://github.com/tborychowski/elastic-dark
dark-theme roundcube roundcube-skin
Last synced: 6 days ago
JSON representation
Roundcube Skin
- Host: GitHub
- URL: https://github.com/tborychowski/elastic-dark
- Owner: tborychowski
- License: gpl-3.0
- Archived: true
- Created: 2020-11-29T22:09:16.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-03-06T15:18:32.000Z (over 3 years ago)
- Last Synced: 2024-08-02T16:35:55.890Z (3 months ago)
- Topics: dark-theme, roundcube, roundcube-skin
- Language: CSS
- Homepage:
- Size: 153 KB
- Stars: 25
- Watchers: 5
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
elastic-dark
============
This just extends Roundcube's [Elastic skin](https://github.com/roundcube/roundcubemail/tree/master/skins/elastic) with some dark theme colours.
## Installation
#### 0. Make sure you have `Elastic` skin installed
It's part of the Roundcube now, so it should be there, but just in case.
This only extends the Elastic skin, by adding some additional css, but requires the base to be installed.
#### 1. Download the skin:
In your `roundcube/skins` folder run this:
```sh
git clone https://github.com/tborychowski/elastic-dark.git
```
alternatively, if you don't have `git` installed, you can just get the zip instead:
```sh
wget wget -O elastic-dark.zip https://github.com/tborychowski/elastic-dark/archive/master.zip
unzip elastic-dark.zip
mv elastic-dark-master elastic-dark
```
**Please note:** you may need to use `sudo` for some commands, depending on your setup.
**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...`):
```sh
git checkout v1.5-beta
```
#### 2. Update your Settings
Change the skin in Roundcube's `Settings/User Interface` to `Elastic Dark`.
#### 3. Login screen
For login screen to work, you also need to update the `roundcube/config/config.inc.php` with:
```php
$config['skin'] = 'elastic-dark';
```
#### 4. Emails with `!important` inline styles
Unfortunately that seems to require a manual edit to one of the RC core php files (or a js plugin that would fix that).
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:
```php
$replace = array(
// add comments around html and other tags
'/(]*>)/i' => '',
'/(<\?xml[^>]*>)/i' => '',
'/(<\/?html[^>]*>)/i' => '',
'/(<\/?head[^>]*>)/i' => '',
'/(]*>.*<\/title>)/Ui' => '',
'/(<\/?meta[^>]*>)/i' => '',
// quote of php and xml files that are specified as text/html
'/<\?/' => '<?',
'/\?>/' => '?>',
'/!important/' => '',
);
```
Unfortunately, this needs to be re-applied after every update of the Roundcube.
## Credits
The whole css has been "borrowed" from [Skorpion/roundcube-elastic-dark](https://github.com/Skorpion/roundcube-elastic-dark) (with some small tweaks).