Ubuntu_24.04_LTS_Dracula_Theme/README.md

# 🇬🇧 🧛 Tutorials to Dracula Theme for Ubuntu 24.04.LTS

##### 🇨🇿 [Czech Version](#czech-version)

Here is the complete Dracula Theme **Master Guide** for Ubuntu 24.04.

This tutorial will change: Windows, Icons, Terminal, Top Bar (Shell) and ensure that new applications (Settings, Files) will also look correct.

![Dracula Screen](wall/DraculaScreen.png)

Open a terminal (Ctrl+Alt+T) and let's go step by step.

## Step 1: Prepare the system and tools

We will install everything we need: git (download), gnome-tweaks (appearance settings) and gnome-shell-extension-manager (for coloring the top bar).

```
sudo apt update
sudo apt install git gnome-tweaks gnome-shell-extension-manager -y
```

Next, we will prepare the folders where we will download:

```
mkdir -p ~/.themes ~/.icons ~/.config/gtk-4.0
```

### Step 2: Download Dracula Theme (Windows and Shell)

We will download the main theme, which will take care of the appearance of application windows and the top system bar.

```
git clone https://github.com/dracula/gtk.git ~/.themes/Dracula
```

### Step 3: Download Dracula Icons

#### Tela Circle (Dracula Variant) – Modern and round

These are some of the most popular icons for Linux right now. They are very high quality and have a specific purple "Dracula" variant.

Open a terminal and download the repository:

```
git clone https://github.com/vinceliuice/Tela-circle-icon-theme.git
```

Go to the folder and install only the Dracula variant:

```
cd Tela-circle-icon-theme
./install.sh dracula
```

Cleaning (deleting installation files):

```
cd ..
rm -rf Tela-circle-icon-theme
```

#### Step 4: Fix for Ubuntu 24.04 (Libadwaita) - IMPORTANT

In Ubuntu 24.04, applications like Files (Nautilus) or Settings ignore common themes. We need to create a "jumper" (symbolic link) so the system knows to use Dracula there as well.

Copy and paste this entire block of commands:

```
ln -sf ~/.themes/Dracula/gtk-4.0/gtk.css ~/.config/gtk-4.0/gtk.css
ln -sf ~/.themes/Dracula/gtk-4.0/gtk-dark.css ~/.config/gtk-4.0/gtk-dark.css
ln -sf ~/.themes/Dracula/assets ~/.config/gtk-4.0/assets
```

### Step 5: Installing Dracula Terminal

So that the command line is also purple. Be careful here, read carefully what the terminal asks you for the question YES continue, answer YES.

```
git clone https://github.com/dracula/gnome-terminal
cd gnome-terminal
./install.sh
# Confirm everything. When it's done, we'll go back and clean up:
cd ..
rm -rf gnome-terminal
```

### Step 6: Enable Top Bar Themes

To colorize the top bar (where the clock and wifi are), we need an extension.

Open the Extension Manager app – it’s the blue puzzle icon we installed in step 1.

In the app, click Browse at the top.

Search for “User Themes”.

Click Install.

### Step 7: FINAL – Activating everything

Now we turn it all on.

Open the Gnome Tweaks application.

Go to the Appearance section.

Set it up exactly like this:

Legacy Apps: **Dracula**

Icons: **Tela-circle-dracula**

Shell: **Dracula** (If there is an exclamation mark next to Shell, close Tweaks and reopen it, it should work).

Terminal: Open Terminal -> Click on the menu (three lines on the right) -> Preferences -> Profiles -> Select Dracula and set it as Default. If there is no Dracula profile, click on the + and create a Dracula profile.

**Bonus: Wallpaper**

To make it perfect, you can download my original wallpaper here in the repository.

Right-click on it -> Set as background.

**Done!** Now you have Ubuntu completely in Dracula style – from icons, to windows, terminal to system bars.

P.S. I still had to restart the notebook for all the changes to take effect.

Open the terminal and type: reboot

For complete perfection, don't forget that many programs, editors, IDEs and the like offer the option to switch to Dracula Dark.

![Dracula-wall](wall/dracula.png)


---

<div id="czech-version"></div>

# 🇨🇿 🧛 Návod na Dracula Theme pro Ubuntu 24.04.LTS

Zde je kompletní návod na Dracula Theme **„Master Guide“** pro Ubuntu 24.04.

Tento návod změní: Okna, Ikony, Terminál, Horní lištu (Shell) a zajistí, že i nové aplikace (Nastavení, Soubory) budou vypadat správně.

![Dracula Screen](wall/DraculaScreen.png)

Otevři terminál (Ctrl+Alt+T) a jdeme na to krok za krokem.

### Krok 1: Příprava systému a nástrojů

Nainstalujeme vše potřebné: git (stahování), gnome-tweaks (nastavení vzhledu) a gnome-shell-extension-manager (pro obarvení horní lišty).

```
sudo apt update
sudo apt install git gnome-tweaks gnome-shell-extension-manager -y
```
Dále si připravíme složky, kam budeme stahovat:

```
mkdir -p ~/.themes ~/.icons ~/.config/gtk-4.0
```

### Krok 2: Stažení Dracula Motivu (Okna a Shell)

Stáhneme hlavní motiv, který se postará o vzhled oken aplikací i horní systémové lišty.

```
git clone https://github.com/dracula/gtk.git ~/.themes/Dracula
```

### Krok 3: Stažení Dracula Ikon

#### Tela Circle (Varianta Dracula) – Moderní a kulaté

Toto jsou v současnosti jedny z nejpopulárnějších ikon pro Linux. Jsou velmi kvalitní a mají specifickou fialovou „Dracula“ variantu.

Otevřete terminál a stáhněte repozitář:

```
git clone https://github.com/vinceliuice/Tela-circle-icon-theme.git
```

Jděte do složky a nainstalujte pouze Dracula variantu:

```
cd Tela-circle-icon-theme
./install.sh dracula
```

Úklid (smazání instalačních souborů):

```
cd ..
rm -rf Tela-circle-icon-theme
```

### Krok 4: Oprava pro Ubuntu 24.04 (Libadwaita) – DŮLEŽITÉ

V Ubuntu 24.04 aplikace jako Soubory (Nautilus) nebo Nastavení ignorují běžná témata. Musíme vytvořit „propojku“ (symbolický odkaz), aby systém věděl, že má Draculu použít i tam.

Zkopíruj a vlož celý tento blok příkazů:

```
ln -sf ~/.themes/Dracula/gtk-4.0/gtk.css ~/.config/gtk-4.0/gtk.css
ln -sf ~/.themes/Dracula/gtk-4.0/gtk-dark.css ~/.config/gtk-4.0/gtk-dark.css
ln -sf ~/.themes/Dracula/assets ~/.config/gtk-4.0/assets
```

### Krok 5: Instalace Dracula Terminálu

Aby byl i příkazový řádek fialový. Pozor tady pozorně čtěte co se vás terminál ptá na otázku YES continue odpovězte YES.

```
git clone https://github.com/dracula/gnome-terminal
cd gnome-terminal
./install.sh
# Vše potvrďte. Až to doběhne, vrátíme se zpět a uklidíme:
cd ..
rm -rf gnome-terminal
```

### Krok 6: Povolení změny horní lišty (User Themes)

Abychom mohli obarvit horní panel (kde jsou hodiny a wifi), potřebujeme rozšíření.

Otevři aplikaci Správce rozšíření (Extension Manager) – je to ta modrá ikona puzzle, co jsme instalovali v kroku 1.    

V aplikaci klikni nahoře na Procházet (Browse).

Hledej „User Themes“.

Klikni na Nainstalovat (Install).

### Krok 7: FINÁLE – Aktivace všeho

Teď to všechno zapneme.

Otevři aplikaci Vyladění (Gnome Tweaks).

Jdi do sekce Vzhled (Appearance).

Nastav to přesně takto:

Starší aplikace (Legacy Apps): **Dracula**

Ikony (Icons): **Tela-circle-dracula**

Prostředí (Shell): **Dracula** (Pokud je u Shell vykřičník, zavři Vyladění a znovu ho otevři, už by to mělo jít).

Terminál: Otevři Terminál -> Klikni na menu (tři čárky vpravo) -> Předvolby -> Profily -> Vyber Dracula a nastav ho jako Výchozí. Apokud tam profil Dracula nebude klikni na + a vytvoř profil Dracula.

**Bonus: Tapeta**

Aby to bylo dokonalé, můžeš si stáhnout mou originální tapetu zde v repozitáři.

Klikni na něj pravým tlačítkem -> Nastavit jako pozadí.

**Hotovo!** Nyní máš Ubuntu kompletně v Dracula stylu – od ikon, přes okna, terminál až po systémové lišty.

P.S. já ještě musel restartovat noteebok aby se všechny změny projevily.

Otevři terminál a napiš : reboot

K úplné dokonalosti nezapoměň spousta programů, editoru, IDE a podobně nabízí možnost přepnutí do Dracula Tmeme.


![Dracula-wall](wall/dracula.png)