Z tym jest mnóstwo zamieszania, wiem co mówię (sam taką operację już wykonałem).
1. Zaopatrz się w nowe ikonki (tak konkretniej pobierz je, wsadź do programu do obróbki i przemaluj na biało (z głową), wgraj i wyczyść cache).
2. Wszystkie zmiany wprowadzaj do custom.css
3. Tutaj moja praca (działająca (jak chcesz możesz ją wykorzystać)):
.cke_wysiwyg_frame, .cke_wysiwyg_div {background-color: #252726!important;}
.ipsType_richText {color:#fff;}
.cke_top {background: #252726!important;}
textarea.cke_source {background: #252726!important;}
.cToken {background: #742823;}
.cke_button_label {color:#fff!important;}
.ipsComposeArea_editor {background: #252726!important;}
.cke_combo_text {color:#fff!important;}
a.cke_combo_button {border: 1px solid #3e4240!important;border-bottom-color: #252726!important;background: #3e4240!important;background-image: linear-gradient(to bottom,#3e4240,#252726)!important;}
.cke_combo_off a.cke_combo_button:hover, .cke_combo_off a.cke_combo_button:focus {background: #252726!important;background-image: linear-gradient(to bottom,#252726,#3e4240)!important;}
a.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active, a.cke_button_disabled:hover, a.cke_button_disabled:focus, a.cke_button_disabled:active {background: #742823!important;}
a.cke_button_on {background: #742823 !important;}
Nie wiem czy skopiowałem na pewno wszystko, w razie czego - pisz (to samo dotyczy ikonek)