Renkler
Komponentleri (bileşen) hazırlarken kullandığımız renk paletimiz.
Tema renkleri (v5 Standart)#
Renk paletindeki renkleri panelinizden site kimliğinize göre değiştirerek kullanabilirsiniz.
| Renk | SCSS Değişken | Class Adı | Değer |
|---|---|---|---|
Şeffaf | $bgTransparent | bg-transparent | transparent |
Birincil | $bgPrimary | bg-primary | #fd6905 |
İkincil | $bgSecondary | bg-secondary | #8c8c8c |
Beyaz | $bgWhite | bg-white | #ffffff |
Siyah | $bgBlack | bg-black | #000000 |
Gri | $bgGray | bg-gray | #a0a0a0 |
Açık Gri | $bgLight | bg-light | #f9f9f9 |
Koyu Gri | $bgDarkGray | bg-dark | #2c2a28 |
Yeşil | $bgSuccess | bg-success | #44c61f |
Turkuaz | $bgInfo | bg-info | #93d8dd |
Sarı | $bgWarning | bg-warning | #fcdf27 |
Kırmızı | $bgDanger | bg-danger | #ff0000 |
Çerçeve renk plaleti (border)#
| Renk | SCSS Değişken | Class Adı | Değer |
|---|---|---|---|
Birincil | $borderPrimary | border-primary | #fd6905 |
İkincil | $borderSecondary | border-secondary | #f0f0f0 |
Siyah | $borderBlack | border-black | #000000 |
Beyaz | $borderWhite | border-white | #ffffff |
Gri | $borderGray | border-gray | #f0f0f0 |
Açık Gri | $borderLight | border-light | #eaeaea |
Koyu Gri | $borderDarkGray | border-dark | #2c2a28 |
Yeşil | $borderSuccess | bg-success | #44c61f |
Turkuaz | $borderInfo | border-info | #93d8dd |
Sarı | $bgWarning | bg-warning | #fcdf27 |
Sarı | $borderDanger | border-danger | #ff0000 |
Yazı rengi paleti (font)#
| Renk | SCSS Değişken | Class Adı | Değer |
|---|---|---|---|
Birincil | $textPrimary | text-primary | #fd6905 |
İkincil | $textSecondary | text-secondary | #8c8c8c |
Siyah | $textBlack | text-black | #000000 |
Beyaz | $textWhite | text-white | #ffffff |
Gri | $textGray | text-gray | #f0f0f0 |
Açık Gri | $textLight | text-light | #eaeaea |
Koyu Gri | $textDarkGray | text-dark | #2c2a28 |
Yeşil | $textSuccess | text-success | #44c61f |
Turkuaz | $textInfo | text-info | #93d8dd |
Sarı | $textWarning | text-warning | #fcdf27 |
Kırmızı | $textDanger | text-danger | #ff0000 |