Themes
Chap is powered by Semantic UI which comes equipped with an intuitive inheritance system and high level theming variables that let you have complete design freedom. But the average WordPress user typically doesn’t want to mess around with CSS/LESS files which require you to set up a build process on your computer and spend a great deal of time on development. For that reason Chap theme includes a LESS compiler which is able to switch between Semantic UI themes by just changing theme options.
Component theme examples
In the theme options it’s possible to change the themes of various Semantic UI components, such as Site, Menu, Message, Button, Table, Card, Icon, Accordion, Comment, Form, Dropdown, Input, Popup, Segment.
Site themes
Site theme changes basics, such as the font size, type and margins. Available choices are the tried and true “Default”, a little larger and more modern “Material” (following the Google’s Material Design guidelines), or imitation of Github.
Menu themes
The 4 available menu themes change the menu appearance in sitewide – header, sidebars, mobile menu and sticky menu.
Mixing and matching site themes and menu themes has a large amount of possible outcomes.
Note: Further menu customization options, such as “sticky”, “container”, “pointing”, “inverted” are available under Chap -> Menus customization options.
![Semantic UI default pointing menu](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc19fc9c4e.png)
![Semantic UI Chubby menu theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc1bc88323.png)
![Semantic UI inverted Github menu theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc1f094999.png)
![Semantic UI Material menu theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc340b8243.png)
![Semantic UI Chubby vertical menu theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc257e1aea.png)
![Semantic UI Github vertical menu theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc26c0b6f0.png)
![Semantic UI Material vertical menu theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc27e496c6.png)
Button themes
Buttons have a large amount of available themes.
![Semantic UI default buttons theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc41e68899.png)
![Semantic UI Raised buttons theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc44a07d37.png)
![Semantic UI Round buttons theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc46368e06.png)
![Semantic UI Material buttons theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc491d5445.png)
![Semantic UI Github buttons theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc4afd2818.png)
![Semantic UI Twitter buttons theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/06/img_576fc4d631ede.png)
Form themes
![Semantic UI Chubby form theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/05/from-chubby.png)
![Semantic UI Github form theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/05/form-github.png)
![Semantic UI Flat form theme](https://172-105-93-4.ip.linodeusercontent.com/wp-content/uploads/2016/05/form-flat-basic-button.png?_ga=2.245250252.873433446.1599193477-1675801412.1511100772)