<!DOCTYPE html>
<html lang="cs">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="EndeavourOS ...." />
    <meta name="keywords" content="EndeavourOS, Flatpak, Linux" />
    <meta name="author" content="Kankys" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <link rel="shortcut icon" href="/img/icons.png" />
    <script
      src="https://kit.fontawesome.com/0a43c6cd1f.js"
      crossorigin="anonymous"
    ></script>
    <!--icons dark, go to up-->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
    />
    <!--ubuntu fonts-->
    <style>
      @import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
    </style>

    <title>EndeavourOS - Flatpak - nastavení vzhledu aplikací</title>
  </head>
  <body>
    <header>
      <!-- EOS - logo () -->
      <div class="logo">
        <a href="../../index.html">
          <img src="/img/EndeavourOS-logo.webp" alt="" />
        </a>
      </div>

      <!-- EOS - navigation -->
      <nav>
        <ul>
          <li><a href="/index.html">Domů</a></li>
          <li><a href="/novinky/index.html">Novinky</a></li>
          <li><a href="/wiki/index.html">Wiki</a></li>
          <li><a href="/clanky/index.html">Články</a></li>
          <li>
            <a href="https://discord.gg/9YA8A2xf" target="_blank">Discord</a>
          </li>
          <li><a href="https://t.me/eoscz" target="_blank">Telegram</a></li>
          <li><a href="/o-nas/index.html">O nás</a></li>
          <li><a href="/rozcestnik/index.html">Rozcestník</a></li>
        </ul>
      </nav>

      <div class="menu-icon">
        <!-- Ikona hamburger -->
        <i class="fa-solid fa-bars"></i>
        <!-- Ikona cross -->
        <!-- <i class="fa-solid fa-xmark"></i> -->
      </div>
    </header>
    <main>
      <section class="welcome">
        <h1>Flatpak - nastavení vzhledu aplikací</h1>
        <img src="img/cardboard_box-1.webp" alt="" />
        <p>
          Jednou z nevýhod používání Flatpaků místo tradičních aplikací je motiv
          aplikace. Někdy motiv používaný aplikací nemusí vždy odpovídat
          systémovému tématu. To je způsobeno aplikací Flatpak spuštěnou ve
          vlastním kontejneru. Uživatel má k dispozici několik možností, jak
          tento problém vyřešit.
        </p>
        <h3>
          <strong
            >Možnost #1 – Nainstalujte motiv přímo z úložiště Flathub.
          </strong>
        </h3>
        <p>
          Toto je oficiální způsob podpory tématiky aplikace Flatpak. V úložišti
          Flathub je v době psaní tohoto článku 201 nejběžnějších témat GTK.
          Chcete-li zobrazit seznam dostupných motivů, otevřete terminál a
          zadejte následující:
        </p>
        <p>
          <code
            ><strong
              >flatpak remote-ls flathub | grep org.gtk.Gtk3theme</strong
            ></code
          >
        </p>
        <p>
          Zobrazí se seznam všech motivů dostupných v úložišti Flathub. Přečtěte
          si seznam a nainstalujte motiv, který odpovídá používanému systémovému
          motivu.
        </p>
        <p>
          ❗<strong>Důležité</strong>: Motiv nainstalovaný pomocí této metody
          musí být stejný jako systémový motiv. Pokud je nainstalován jiný
          motiv, aplikace Flatpak použije svůj výchozí motiv Adwaita.
        </p>
        <h3>Příklad:</h3>
        <p>
          V tomto příkladu je použitým systémovým motivem, motiv Greybird-Geeko
          Dark.
        </p>
        <p>1. Otevřete terminál a zadejte:</p>
        <p>
          Zobrazí se obrazovka podobná následující. Výsledky jsem upravil, aby
          byl tento článek krátký.
        </p>
        <img src="img/2024-04-20 15-15-09.png" alt="" class="" />
        <p>
          2. Najděte motiv, který odpovídá systémovému motivu, a nainstalujte
          jej zadáním:
        </p>
        <p>
          <code
            ><strong
              >flatpak install org.gtk.Gtk3theme.Graybird-Geeko-Dark</strong
            ></code
          >
        </p>
        <p>
          3. (Volitelné) Odhlaste se nebo restartujte počítač. Někdy je to
          potřeba k zajištění správného použití motivu v aplikaci Flatpak.
        </p>
        <p>
          Vizuální motiv používaný aplikací Flatpak by nyní měl vypadat stejně
          jako používaný systémový motiv.
        </p>
        <p>
          <strong
            >Možnost #2 – Pomocí skriptu zkopírujte potřebné informace o motivu
            přímo do složky aplikace Flatpak.
          </strong>
        </p>
        <p>
          Pokud motiv používaný systémem není dostupný z úložiště Flathub, je k
          dispozici další možnost. Ke zkopírování potřebných nastavení do složky
          aplikace Flatpak lze použít skript. 1 Tento skript stačí spustit pouze
          jednou a použije opravu na všechny aplikace Flatpak nainstalované v
          systému.
        </p>
        <p>
          ❗<strong>Upozornění</strong>: tato metoda není oficiálně podporována
          vývojáři Flatpaks. Použití na vlastní nebezpečí.
        </p>
        <p>1. Otevřete svůj oblíbený textový editor.</p>
        <p>
          2. Zkopírujte níže uvedený text a vložte jej do textového editoru.
        </p>
        <div class="code-box">
          <pre id="code-content">
#!/usr/bin/env bash

for dir in $HOME/.var/app/*/
do
    confdir="${dir}config/gtk-3.0"
    mkdir -p $confdir
    cp $HOME/.config/gtk-3.0/settings.ini $confdir/settings.ini
done
          </pre>
          <button id="copy-button">Kopírovat</button>
        </div>
        <p>
          3. Uložte soubor do domovské složky jako
          <code><strong>flatheme.sh</strong></code>
        </p>
        <p>
          4. Udělejte skript spustitelný, aby jej bylo možné použít. Otevřete
          terminál a zadejte:
        </p>
        <p>
          <code><strong>chmod a+x flatheme.sh</strong></code>
        </p>
        <p>
          5. Spusťte skript zadáním <code><strong>./flatheme.sh</strong></code>
        </p>
        <p>
          Nyní, když je spuštěna aplikace Flatpak, bude používat stejný motiv
          jako systémový motiv.
        </p>
        <p>
          POZNÁMKA: Tento skript je nutné spustit při každé instalaci nové
          aplikace Flatpak. Není nutné jej spouštět při aktualizaci existujících
          aplikací Flatpak.
        </p>
        <p>
          Provedení jednoho z výše uvedených řešení by mělo umožnit aplikacím
          Flatpak splynout s tradičně instalovanými aplikacemi. Tyto však
          „neopraví“ části rozhraní aplikace, které nejsou změněny zvoleným
          motivem. V těchto případech bude aplikace Flatpak dělat to samé jako
          tradičně nainstalované aplikace a použije výchozí nastavení motivu
          systému.
        </p>
        <p>
          Děkujeme uživateli GitHubu abiosoft za tento skript. Původní skript
          lze nalézt na
          <a
            href="https://github.com/abiosoft/dotfiles/blob/master/flatpak/fixflatpaktheme.sh"
            target="_blank"
            >https://github.com/abiosoft/dotfiles/blob/master/flatpak/fixflatpaktheme.sh</a
          >
        </p>
        <p>
          Návod je převzat z
          <a
            href="https://discovery.endeavouros.com/applications/flatpak-tweaking-the-visuals/2021/03/"
            target="_blank"
            >Discovery</a
          >
          na EndeavourOS vydán 29. března 2021.
        </p>
        <iframe
          class="discord"
          src="https://discord.com/widget?id=1229577574087135353&theme=dark"
          width="350"
          height="300"
          allowtransparency="true"
          frameborder="0"
          sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"
        ></iframe>
        <p>
          <code
            ><a href="https://lukaskanka.cz/" target="_blank">Kankys</a>
            20.4.2024</code
          >
        </p>
      </section>
    </main>
    <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top">
      <i class="fas fa-arrow-up"></i>
    </button>

    <footer>
      Copyright &copy;
      <a href="https://git.archoslinux.cz/kankys" target="_blank"
        >Lukáš Kaňka</a
      >
      2024
    </footer>

    <script src="script.js"></script>
  </body>
</html>