Background
The background component add textures as colors to the elements. This textures are saved in the images folder. There are 2 types (black and white). This class is normally used to set the background application color.
This is an example of the background components applied to some divs.
<div class="tui-bg-blue-black"></div>
<div class="tui-bg-blue-white"></div>
<div class="tui-bg-green-black"></div>
<div class="tui-bg-green-white"></div>
<div class="tui-bg-cyan-black"></div>
<div class="tui-bg-cyan-white"></div>
<div class="tui-bg-red-black"></div>
<div class="tui-bg-red-white"></div>
<div class="tui-bg-purple-black"></div>
<div class="tui-bg-purple-white"></div>
<div class="tui-bg-yellow-black"></div>
<div class="tui-bg-yellow-white"></div>
<div class="tui-bg-orange-black"></div>
<div class="tui-bg-orange-white"></div>To change the entire background page, you can set this class to the <html> element:
<html class="tui-bg-blue-black"></html>This is the table with available classes for this component.
| Class | Description |
|---|---|
.tui-bg-blue-black |
Se the background with blue black color |
.tui-bg-blue-white |
Se the background with blue white color |
.tui-bg-green-black |
Se the background with green black color |
.tui-bg-green-white |
Se the background with green white color |
.tui-bg-cyan-black |
Se the background with cyan black color |
.tui-bg-cyan-white |
Se the background with cyan white color |
.tui-bg-red-black |
Se the background with red black color |
.tui-bg-red-white |
Se the background with red white color |
.tui-bg-purple-black |
Se the background with purple black color |
.tui-bg-purple-white |
Se the background with purple white color |
.tui-bg-yellow-black |
Se the background with yellow black color |
.tui-bg-yellow-white |
Se the background with yellow white color |
.tui-bg-orange-black |
Se the background with orange black color |
.tui-bg-orange-white |
Se the background with orange white color |