Published 17 February 2020 by Mehmet Yılmaz

What You Need When Overriding Ant Design Theme When Using CRA?

When you need to override ant design(ui framework) theme, you need some step which described below.

If you imported the ant’s css file in elsewhere remove it

1- Install Dependencies

2- Edit Start and Build Commands in Packages.json

3- Place The Config Files Under the Project Root Folder

.babelrc

.babelrc file will be places under root folder

config-overrides.js

config-overrides.js files will be placed under the root folder

If you completed all steps you will see theme primary color changes.

Mehmet Yılmaz

1987 Kütahya doğumlu olan Mehmet Yılmaz, bilgisayar teknolojileri üzerine eğitim almaya “Kütahya Anadolu Meslek Lisesi Bilgisayar Bölümü” ile başlayıp “Kütahya Meslek Yüksek Okulu Bilgisayar Teknolojisi ve Programlama” dalında davam etmiştir. Mehmet, Anadolu Üniversitesi İşletme Lisans ve Sakarya Üniversitesi Bilgisayar ve Bilişim Mühendisliği / Bilişim Teknolojileri Yüksek Lisans programı mezunudur. Lise ve yüksek okul yılları boyunca web teknolojilerine odaklanan Mehmet, bu alandaki bilgisini freelance projeler ile geliştirip daha sonra tam zamanlı çalışmak üzere İstanbul’da Bused Reklam, Sigorta Dükkanım Sigorta Brokerliği, Marsh Sigorta Brokerliği, danışman olarak RDC Partner bünyesinde Turkcell projelerinde yazılım geliştirme takım lideri ve KoçSistem’de Yazılım Geliştirme Lideri (halen) olarak görev almıştır. Mehmet, .NET, PHP, SQL, HTML, CSS, Javascript ve Android SDK (Java) gibi teknolojilere hakim olmakla birlikte boş zamanlarında Flutter ile kendini bu alanda geliştirebilmek adına projeler geliştirmektedir.

English ReactJS

antdesign create-react-app