Rimuovere le CSD delle applicazioni GKT3 su KDE


L'integrazione delle applicazioni GTK su KDE è sempre stato un problema, specie a seguito dell'introduzione del Client-Side Decoration (CSD) sulle GTK3.
A causa del CSD, alcune applicazioni GNOME su KDE risultano non uniformi con KDE. Volete un esempio? Date uno sguardo a come appare Simple Scan su KDE (nella fattispecie KDE neon)
Simple Scan prima

I pulsanti di chiusura, minimizzazione e massimizzazione finestre, insieme a quelli di gestione del programma, vanno tutti assieme sulla stessa barra.

Premessa

Prima di procedere con la guida è bene precisare una cosa. La modifica che andremo ad apportare al sistema andrà ad influire anche su applicazioni sulla barra del titolo di Firefox.

Installiamo gtk3-nocsd

Fortunatamente un modo per migliorare l'aspetto delle applicazioni GKT3 che utilizzano i CDS su KDE esiste.

Il trucco consiste nell'utilizzare gtk3-nocsd, un pacchetto che va disabilitare le decorazioni lato client delle GTK3. 
Se siete su KDE neon o Kubuntu il pacchetto gtk3-nocsd è già presente nei repository delle distro e vi basterà installarlo dando da terminale

sudo apt install gtk3-nocsd

Impostiamo il tema Breeze e impostiamo lo stile GTK

Assicuratevi ora di aver impostato il tema Breeze nello stile delle applicazioni GNOME/GTK (se non avete cambiato tema su KDE neon è già così).
Rechiamoci ora nella cartella ~/.config/gtk-3.0
Qui creiamo un nuovo file chiamato gtk.css e incolliamo dentro quanto segue


headerbar {
  border-radius: 0;
  color: #232627;
  background-color: #eff0f1;}

  headerbar .path-bar button {
    color: #232627;}

  headerbar button {
    color: #232627;}

    headerbar button:disabled {
      color: rgba(35, 38, 39, 0.35);}

    headerbar button:backdrop {
      color: #bdc3c7;}

    headerbar button.flat {
      color: #232627;}

      headerbar button.flat:disabled {
        color: rgba(35, 38, 39, 0.35);}

      headerbar button.flat:backdrop {
        color: #bdc3c7;}

    headerbar button:hover {
      color: #232627;}

      headerbar button:hover:backdrop {
        color: #bdc3c7;}

  headerbar .title {
    color: transparent;
    font-size: 0pt;}

Potete farlo con il vostro editor di testo preferito. Una volta fatto salvate il file.

Adesso non ci resta che riavviare la sessione. Una volta fatto ecco come apparirà il tutto

Simple Scan dopo la cura
Cosa ve ne pare?

Via S. CHRISTIAN COLLINS

Questi post potrebbero interessarti

disqus

Licenza

Licenza Creative Commons
Quest'opera è distribuita con Licenza Creative Commons Attribuzione - Non commerciale - Non opere derivate 4.0 Internazionale. Questo blog non rappresenta una testata giornalistica, in quanto viene aggiornato senza alcuna periodicità. Non può, pertanto, considerarsi un prodotto editoriale, ai sensi della legge n. 62 del 7/03/2001.

Disclaimer immagini Le immagini utilizzate in questo blog appartengono ai loro rispettivi autori e sono utilizzati per scopi educativi, personali e senza scopo di lucro. Ogni eventuale violazione del copyright non è intenzionale, ma se si riconosce un'immagine protetta da copyright, fatemelo sapere qui, e sarò lieto di aggiungere i credits o modificarla o rimuoverla.

Disclaimer images Images used on this blog belong to their respective authors and are used for educational, personal and no profit purposes. Any eventual copyright infringement is not intentional, but if you recognize a copyrighted image, please let me know here, and I'll happily provide to add the right credits or modify or remove it.