Bootstrap'in varsayılan renklerini özelleştirmek için en doğru yöntem, Sass kullanarak Bootstrap'i yeniden derlemektir.

custom.scss Dosyası Oluştur

// Önce fonksiyonları al
@import "node_modules/bootstrap/scss/functions";

// Renk değişikliklerini yap
$primary: #ff5733;
$secondary: #6c757d;

// Bootstrap'i dahil et
@import "node_modules/bootstrap/scss/bootstrap";

CSS'e Derleme

sass custom.scss custom.css

HTML'de Kullan

<link href="custom.css" rel="stylesheet">

Alternatif (CDN kullanıyorsanız):
Sadece sınıf üzerine CSS yazarak özelleştirme yapabilirsiniz.

.btn-primary {
background-color: #ff5733;
border-color: #ff5733;
}