{"id":13590703,"url":"https://github.com/tborychowski/elastic-dark","last_synced_at":"2025-04-08T14:31:34.175Z","repository":{"id":57065653,"uuid":"317052707","full_name":"tborychowski/elastic-dark","owner":"tborychowski","description":"Roundcube Skin","archived":true,"fork":false,"pushed_at":"2021-03-06T15:18:32.000Z","size":157,"stargazers_count":25,"open_issues_count":0,"forks_count":4,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-06T11:44:36.005Z","etag":null,"topics":["dark-theme","roundcube","roundcube-skin"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tborychowski.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-11-29T22:09:16.000Z","updated_at":"2024-07-25T15:13:23.000Z","dependencies_parsed_at":"2022-08-24T10:10:47.639Z","dependency_job_id":null,"html_url":"https://github.com/tborychowski/elastic-dark","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tborychowski%2Felastic-dark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tborychowski%2Felastic-dark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tborychowski%2Felastic-dark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tborychowski%2Felastic-dark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tborychowski","download_url":"https://codeload.github.com/tborychowski/elastic-dark/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247860662,"owners_count":21008329,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dark-theme","roundcube","roundcube-skin"],"created_at":"2024-08-01T16:00:49.657Z","updated_at":"2025-04-08T14:31:33.848Z","avatar_url":"https://github.com/tborychowski.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"elastic-dark\n============\n\nThis just extends Roundcube's [Elastic skin](https://github.com/roundcube/roundcubemail/tree/master/skins/elastic) with some dark theme colours.\n\n![](https://raw.githubusercontent.com/Skorpion/roundcube-elastic-dark/master/assets/mail-7.png)\n\n\n## Installation\n\n#### 0. Make sure you have `Elastic` skin installed\nIt's part of the Roundcube now, so it should be there, but just in case.\nThis only extends the Elastic skin, by adding some additional css, but requires the base to be installed.\n\n#### 1. Download the skin:\nIn your `roundcube/skins` folder run this:\n```sh\ngit clone https://github.com/tborychowski/elastic-dark.git\n```\nalternatively, if you don't have `git` installed, you can just get the zip instead:\n```sh\nwget wget -O elastic-dark.zip https://github.com/tborychowski/elastic-dark/archive/master.zip\nunzip elastic-dark.zip\nmv elastic-dark-master elastic-dark\n```\n**Please note:** you may need to use `sudo` for some commands, depending on your setup.\n\n**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...`):\n```sh\ngit checkout v1.5-beta\n```\n\n\n\n#### 2. Update your Settings\nChange the skin in Roundcube's `Settings/User Interface` to `Elastic Dark`.\n\n#### 3. Login screen\nFor login screen to work, you also need to update the `roundcube/config/config.inc.php` with:\n```php\n$config['skin'] = 'elastic-dark';\n```\n\n#### 4. Emails with `!important` inline styles\nUnfortunately that seems to require a manual edit to one of the RC core php files (or a js plugin that would fix that).\nFor the former solution open `roundcube/program/steps/mail/func.inc` and in `rcmail_html4inline` function add an entry to the `$replace` array: `'/!important/' =\u003e '',` (around line 1113), so that it looks like this:\n```php\n    $replace = array(\n        // add comments around html and other tags\n        '/(\u003c!DOCTYPE[^\u003e]*\u003e)/i'          =\u003e '\u003c!--\\\\1--\u003e',\n        '/(\u003c\\?xml[^\u003e]*\u003e)/i'             =\u003e '\u003c!--\\\\1--\u003e',\n        '/(\u003c\\/?html[^\u003e]*\u003e)/i'           =\u003e '\u003c!--\\\\1--\u003e',\n        '/(\u003c\\/?head[^\u003e]*\u003e)/i'           =\u003e '\u003c!--\\\\1--\u003e',\n        '/(\u003ctitle[^\u003e]*\u003e.*\u003c\\/title\u003e)/Ui' =\u003e '\u003c!--\\\\1--\u003e',\n        '/(\u003c\\/?meta[^\u003e]*\u003e)/i'           =\u003e '\u003c!--\\\\1--\u003e',\n        // quote \u003c? of php and xml files that are specified as text/html\n        '/\u003c\\?/' =\u003e '\u0026lt;?',\n        '/\\?\u003e/' =\u003e '?\u0026gt;',\n        '/!important/' =\u003e '',\n    );\n```\nUnfortunately, this needs to be re-applied after every update of the Roundcube.\n\n## Credits\nThe whole css has been \"borrowed\" from [Skorpion/roundcube-elastic-dark](https://github.com/Skorpion/roundcube-elastic-dark) (with some small tweaks).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftborychowski%2Felastic-dark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftborychowski%2Felastic-dark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftborychowski%2Felastic-dark/lists"}