Оконные элементы управления имеют смешанные темы

Итак, вчера я начал возиться со своей собственной темой gtk или просто модифицировать ее. я использую Тема Дракулы но хотел, чтобы моя кнопка максимизации выглядела фиолетовой, поскольку я увидел ее в другой теме и подумал, что она выглядит очень хорошо. У меня изменены svgs и мой собственный код в /.config/gtk-3.0/gtk.css но когда у меня есть окно не в фокусе и я нахожусь над кнопкой максимизации, оно все равно делает анимацию, а другие нет. Я много искал и не могу понять, как это делается. Есть ли класс, который мне не хватает?

gtk.css:

.selection-mode.titlebar .titlebutton.maximize,
.titlebar .titlebutton.maximize {
   цвет: прозрачный;
    граница: нет;
    тень блока: нет;
    фоновая позиция: центр;
    фоновый повтор: без повтора;
    background-image: -gtk-scaled(url("customTheme/assets/maximize.svg"));
}

.selection-mode.titlebar .titlebutton.maximize:фон,
.titlebar .titlebutton.maximize:backdrop {
    фоновое изображение: -gtk-scaled(url("customTheme/assets/maximize_unfocused.png"));
    цвет: прозрачный;
}

.selection-mode.titlebar .titlebutton.maximize:наведение,
.selection-mode.titlebar .titlebutton.maximize:активный,
.selection-mode.titlebar .titlebutton.maximize:проверено,
.titlebar .titlebutton.maximize:наведение,
.titlebar .titlebutton.maximize:активный,
.titlebar .titlebutton.maximize:checked {
    цвет: прозрачный;
    граница: нет;
    тень блока: нет;
    цвет фона: прозрачный;
    фоновая позиция: центр;
    фоновый повтор: без повтора;
    background-image: -gtk-scaled(url("customTheme/assets/maximize_prelight.svg"));
}