# frio
### A bootstrap based theme for friendica
This Theme was started as an experiment to give the user a good looking and modern theme for friendica.

I conentrated on 3 topics:

1. A Modern, mobile friendly UI with bootstrap and awesome font
2. Try to get a new UX for friendica (e.g. use modals where it seems to be useful)
3. Give the user a powerfull (but easy) possebillities for custimation to personalize the theme and give it a own note.

**Installation Requirements:**
* modern Browser with JS enabled (Chrome/Chromium is recommended)
* if you update the theme you should disable and enable the theme again from the admin panel (to apply possible new hooks)

**Note:**
While Frio is doing its job very well in most cases, there still is some work to do. Some templates are still missing and will be added in future versions.

Some insights into my motivation for starting coding this theme:
This theme should be the start of a discussion in the friendica community (users and developers) about UI/UX in friendica.
What frameworks do we want to use? How should default friendica look like? And how do we want to use friendica? What do we need in the core code (At the present time some stuff this is done with ugly javascript hacks and own php code)?

Coding a theme is much work but you will get a really good insight of the limitations of friendica and can start a discussion about doing things differently.
So join the discussion at the friendica forums ;-)

If anyone wants to contribute to this theme he/she is welcome to do this.

PS:
Don't blame me too much for ugly code and hacks. Fix it ;-)

#### Screenshots
**Default**
![Default - Stream](https://git.friendi.ca/friendica/friendica/raw/branch/master/view/theme/frio/img/screenshots/screenshot.png)

**Modals**
![Modals](https://git.friendi.ca/friendica/friendica/raw/branch/master/view/theme/frio/img/screenshots/screenshot-jot-modal.png)

**Theme - Settings**
![Theme - Settings](https://git.friendi.ca/friendica/friendica/raw/branch/master/view/theme/frio/img/screenshots/screenshot-settings.png)

**Red scheme**
![Red scheme](https://git.friendi.ca/friendica/friendica/raw/branch/master/view/theme/frio/img/screenshots/screenshot-scheme-red.png)

**Love Music scheme**
![Love Music scheme](https://git.friendi.ca/friendica/friendica/raw/branch/master/view/theme/frio/img/screenshots/screenshot-scheme-love-music.png)

**frio on mobile**

![frio on mobile](https://git.friendi.ca/friendica/friendica/raw/branch/master/view/theme/frio/img/screenshots/screenshot-mobile.png)

#### Credits:
HumHub - Social Network Kit - <https://github.com/humhub/humhub>

Hubzilla - Community Server - <https://github.com/redmatrix/hubzilla/>

Michael Vogel (Vier Theme)  - <https://github.com/annando>

StefOfficiel (Friendiboot Theme) - <https://github.com/StefOfficiel/Friendiboot>

#### License:
<https://raw.githubusercontent.com/friendica/friendica/develop/view/theme/frio/LICENSE>

[original commit history](https://github.com/rabuzarus/frio/commits/master)