doc/Theming.md

   1 #Theming
   2 ## User CSS
   3
   4 - Shaarli's apparence can be modified by editing CSS rules in `inc/user.css`. This file allows to override rules defined in the main `inc/shaarli.css` (only add changed rules), or define a whole new theme.
   5 - Do not edit `inc/shaarli.css`! Your changes would be overriden when updating Shaarli.
   6 - Some themes are available at https://github.com/shaarli/shaarli-themes.
   7
   8 See also:
   9 - [Download CSS styles from an OPML list](Download-CSS-styles-from-an-OPML-list.html)
  10
  11 ## RainTPL template
  12
  13 _WARNING - This feature is currently being worked on and will be improved in the next releases. Experimental._
  14
  15 - Find the template you'd like to install (see the list of [available templates|Theming#community-themes--templates](available-templates|Theming#community-themes--templates.html))
  16 - Find it's git clone URL or download the zip archive for the template.
  17 - In your Shaarli `tpl/` directory, run `git clone https://url/of/my-template/` or unpack the zip archive.
  18     - There should now be a `my-template/` directory under the `tpl/` dir, containing directly all the template files.
  19 - Edit `data/config.json.php` to have Shaarli use this template, in `"resource"` e.g.
  20 ```json
  21 "raintpl_tpl": "tpl\/my-template\/",
  22 ```
  23
  24 ## Community themes & templates
  25 - [AkibaTech/Shaarli Superhero Theme](https://github.com/AkibaTech/Shaarli---SuperHero-Theme) - A template/theme for Shaarli[](.html)
  26 - [alexisju/albinomouse-template](https://github.com/alexisju/albinomouse-template) - A full template for Shaarli[](.html)
  27 - [ArthurHoaro/shaarli-launch](https://github.com/ArthurHoaro/shaarli-launch) - Customizable Shaarli theme.[](.html)
  28 - [dhoko/ShaarliTemplate](https://github.com/dhoko/ShaarliTemplate) - A template/theme for Shaarli[](.html)
  29 - [kalvn/shaarli-blocks](https://github.com/kalvn/shaarli-blocks) - A template/theme for Shaarli[](.html)
  30 - [kalvn/Shaarli-Material](https://github.com/kalvn/Shaarli-Material) - A theme (template) based on Google's Material Design for Shaarli, the superfast delicious clone.[](.html)
  31 - [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.[](.html)
  32 - [misterair/Limonade](https://github.com/misterair/limonade) - A fork of (legacy) Shaarli with a new template[](.html)
  33 - [mrjovanovic/serious-theme-shaarli](https://github.com/mrjovanovic/serious-theme-shaarli) - A serious theme for SHaarli.[](.html)
  34 - [vivienhaese/shaarlitheme](https://github.com/vivienhaese/shaarlitheme) - A Shaarli fork meant to be run in an openshift instance[](.html)
  35
  36 ### Example installation: AlbinoMouse template
  37 With the following configuration:
  38 - Apache 2 / PHP 5.6
  39 - user sites are enabled, e.g. `/home/user/public_html/somedir` is served as `http://localhost/~user/somedir`
  40 - `http` is the name of the Apache user
  41
  42 ```bash
  43 $ cd ~/public_html
  44
  45 # clone repositories
  46 $ git clone https://github.com/shaarli/Shaarli.git shaarli
  47 $ pushd shaarli/tpl
  48 $ git clone https://github.com/alexisju/albinomouse-template.git
  49 $ popd
  50
  51 # set access rights for Apache
  52 $ chgrp -R http shaarli
  53 $ chmod g+rwx shaarli shaarli/cache shaarli/data shaarli/pagecache shaarli/tmp
  54 ```
  55
  56 Get config written:
  57 - go to the freshly installed site
  58 - fill the install form
  59 - log in to Shaarli
  60
  61 Edit Shaarli's [configuration|Shaarli configuration](configuration|Shaarli-configuration.html):
  62 ```bash
  63 # the file should be owned by Apache, thus not writeable => sudo
  64 $ sudo sed -i s=tpl=tpl/albinomouse-template=g shaarli/data/config.php
  65 ```