การควบคุมหน้าต่างมีรูปแบบที่หลากหลาย

เมื่อวานนี้ฉันเริ่มยุ่งกับธีม gtk ของตัวเองหรือแค่แก้ไขจริงๆ ฉันใช้ ธีมแดรกคิวลา แต่ต้องการให้ปุ่มขยายใหญ่สุดของฉันปรากฏเป็นสีม่วงเพราะฉันเห็นมันในธีมอื่นและคิดว่ามันดูดีจริงๆ ฉันเปลี่ยน svgs และรหัสของฉันเองแล้ว /.config/gtk-3.0/gtk.css แต่เมื่อฉันมีหน้าต่างที่ไม่อยู่ในโฟกัสและเลื่อนเมาส์ไปเหนือปุ่มขยายใหญ่สุด หน้าต่างก็ยังคงทำแอนิเมชันในขณะที่หน้าต่างอื่นๆ ไม่ทำ ฉันดูมามากแล้วและดูเหมือนจะไม่เห็นว่ามันทำได้อย่างไร มีชั้นเรียนที่ฉันขาดหายไปหรือไม่?

gtk.css:

.selection-mode.titlebar .titlebutton.maximize,
.titlebar .titlebutton.maximize {
   สี: โปร่งใส;
    ขอบ: ไม่มี;
    กล่องเงา: ไม่มี;
    ตำแหน่งพื้นหลัง: ศูนย์กลาง;
    พื้นหลังซ้ำ: ไม่ซ้ำ;
    ภาพพื้นหลัง: -gtk-scaled(url("customTheme/assets/maximize.svg"));
}

.selection-mode.titlebar .titlebutton.maximize:backdrop,
.titlebar .titlebutton.maximize:backdrop {
    ภาพพื้นหลัง: -gtk-scaled(url("customTheme/assets/maximize_unfocused.png"));
    สี: โปร่งใส;
}

.selection-mode.titlebar .titlebutton.maximize:hover,
.selection-mode.titlebar .titlebutton.maximize:active,
.selection-mode.titlebar .titlebutton.maximize:checked,
.titlebar .titlebutton.maximize:hover,
.titlebar .titlebutton.maximize:active,
.titlebar .titlebutton.maximize:checked {
    สี: โปร่งใส;
    ขอบ: ไม่มี;
    กล่องเงา: ไม่มี;
    สีพื้นหลัง: โปร่งใส;
    ตำแหน่งพื้นหลัง: ศูนย์กลาง;
    พื้นหลังซ้ำ: ไม่ซ้ำ;
    ภาพพื้นหลัง: -gtk-scaled(url("customTheme/assets/maximize_prelight.svg"));
}