]> git.immae.eu Git - github/shaarli/Shaarli.git/blame - doc/md/Theming.md
Tag sort - UT + comment + fix filter and visibility
[github/shaarli/Shaarli.git] / doc / md / Theming.md
CommitLineData
b230bf20 1## Foreword
53ed6d7d 2
b230bf20 3There are two ways of customizing how Shaarli looks:
992af0b9 4
b230bf20
A
51. by using a custom CSS to override Shaarli's CSS
62. by using a full theme that provides its own RainTPL templates, CSS and Javascript resources
992af0b9 7
b230bf20 8## Custom CSS
53ed6d7d 9
b230bf20 10Shaarli's appearance can be modified by adding CSS rules to:
43ad7c8e 11
b230bf20
A
12- Shaarli < `v0.9.0`: `inc/user.css`
13- Shaarli >= `v0.9.0`: `data/user.css`
992af0b9 14
b230bf20 15This file allows overriding rules defined in the template CSS files (only add changed rules), or define a whole new theme.
992af0b9 16
b230bf20
A
17**Note**: Do not edit `tpl/default/css/shaarli.css`! Your changes would be overridden when updating Shaarli.
18
0433c688 19See also [Download CSS styles from an OPML list](Download CSS styles from an OPML list)
b230bf20
A
20
21## Themes
53ed6d7d 22
b230bf20 23Installation:
43ad7c8e 24
b230bf20
A
25- find a theme you'd like to install
26- copy or clone the theme folder under `tpl/<a_sweet_theme>`
27- enable the theme:
28 - Shaarli < `v0.9.0`: edit `data/config.json.php` and set the value of `raintpl_tpl` to the new theme name:
29 `"raintpl_tpl": "tpl\/my-template\/"`
30 - Shaarli >= `v0.9.0`: select the theme through the _Tools_ page
992af0b9 31
b230bf20 32## Community CSS & themes
53ed6d7d 33
b230bf20 34### Custom CSS
53ed6d7d 35
36- [mrjovanovic/serious-theme-shaarli](https://github.com/mrjovanovic/serious-theme-shaarli) - A serious theme for Shaarli
37- [shaarli/shaarli-themes](https://github.com/shaarli/shaarli-themes)
b230bf20
A
38
39### Themes
53ed6d7d 40
41- [AkibaTech/Shaarli Superhero Theme](https://github.com/AkibaTech/Shaarli---SuperHero-Theme) - A template/theme for Shaarli
42- [alexisju/albinomouse-template](https://github.com/alexisju/albinomouse-template) - A full template for Shaarli
43- [ArthurHoaro/shaarli-launch](https://github.com/ArthurHoaro/shaarli-launch) - Customizable Shaarli theme
44- [dhoko/ShaarliTemplate](https://github.com/dhoko/ShaarliTemplate) - A template/theme for Shaarli
45- [kalvn/shaarli-blocks](https://github.com/kalvn/shaarli-blocks) - A template/theme for Shaarli
46- [kalvn/Shaarli-Material](https://github.com/kalvn/Shaarli-Material) - A theme (template) based on Google's Material Design for Shaarli, the superfast delicious clone
47- [ManufacturaInd/shaarli-2004licious-theme](https://github.com/ManufacturaInd/shaarli-2004licious-theme) - A template/theme as a humble homage to the early looks of the del.icio.us site
b230bf20
A
48
49### Shaarli forks
53ed6d7d 50
51- [misterair/Limonade](https://github.com/misterair/limonade) - A fork of (legacy) Shaarli with a new template
52- [vivienhaese/shaarlitheme](https://github.com/vivienhaese/shaarlitheme) - A Shaarli fork meant to be run in an openshift instance
992af0b9 53
b230bf20 54## Example installation: AlbinoMouse theme
53ed6d7d 55
992af0b9 56With the following configuration:
43ad7c8e 57
992af0b9
V
58- Apache 2 / PHP 5.6
59- user sites are enabled, e.g. `/home/user/public_html/somedir` is served as `http://localhost/~user/somedir`
60- `http` is the name of the Apache user
61
62```bash
63$ cd ~/public_html
64
65# clone repositories
66$ git clone https://github.com/shaarli/Shaarli.git shaarli
67$ pushd shaarli/tpl
68$ git clone https://github.com/alexisju/albinomouse-template.git
69$ popd
70
71# set access rights for Apache
72$ chgrp -R http shaarli
73$ chmod g+rwx shaarli shaarli/cache shaarli/data shaarli/pagecache shaarli/tmp
74```
75
76Get config written:
77- go to the freshly installed site
78- fill the install form
79- log in to Shaarli
80
43ad7c8e 81Edit Shaarli's [configuration](Shaarli-configuration):
992af0b9
V
82```bash
83# the file should be owned by Apache, thus not writeable => sudo
84$ sudo sed -i s=tpl=tpl/albinomouse-template=g shaarli/data/config.php
85```