# TakaTime Theme Gallery A visual reference for all built-in TakaTime color themes. Use the theme name/ID in your command or workflow to apply it. > **How to use a theme:** > ```bash > # Using a named theme > ./taka-report -theme=dracula > > # Using custom hex colors (for themes not in the named list) > ./taka-report -bg "#1f1d2b" -text "#f8f8f2" -subtext "#a599e9" -bar-bg "#2a273f" -c1 "#ff9e64" -c2 "#ffd580" -c3 "#ff6b6b" -c4 "#c678dd" > ``` --- ## Available Themes | Theme | ID / String | Description | |-------|-------------|-------------| | [Dark](#-dark-default) | `dark` | Matrix-inspired green on near-black | | [Light](#-light) | `light` | Solarized Light — soft cream with blue accents | | [Dracula](#-dracula) | `dracula` | Classic Dracula — purple highlights on dark grey | | [Monokai](#-monokai) | `monokai` | Vibrant green & pink on olive-dark background | | [Cyberpunk](#-cyberpunk) | `cyberpunk` | Neon green & hot pink on pure black | | [Tokyo Night](#-tokyo-night) | `tokyonight` | Cool blues on deep navy | | [Catppuccin](#-catppuccin) | `catppuccin` | Pastel blues & pinks on soft dark (Mocha variant) | | [Synthwave](#-synthwave) | `synthwave` | Retro 80s cyan & hot pink on deep purple | | [Sunset](#-sunset) | `sunset` | Warm amber & orange on dark background | | [Midnight Purple](#-midnight-purple) | `midnightpurple` | Deep purple & lavender on very dark background | --- ## Dark (Default) **ID:** `dark`  |  **Palette:** Bright green (`#39d353`) on near-black (`#0d1117`) — inspired by GitHub's contribution graph | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Dark theme stat card](https://github.com/user-attachments/assets/3be167e3-53b9-4125-936c-6f91b3a18ea1) | ![Dark theme TUI](https://github.com/user-attachments/assets/bf5546c1-bd06-485a-b7f2-2486348abc2a) | --- ## Light **ID:** `light`  |  **Palette:** Soft cream background (`#FDF6E3`) with blue (`#268BD2`), olive, and magenta accents — Solarized Light inspired | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Light theme stat card](https://github.com/user-attachments/assets/5241b082-f6e9-497e-84e0-e2c39bdc7f9d) | ![Light theme TUI](https://github.com/user-attachments/assets/5cd5b4a4-f6dd-41e8-85f5-562fdd779261) | --- ## Dracula **ID:** `dracula`  |  **Palette:** Soft purple (`#bd93f9`) and cyan (`#8be9fd`) on dark grey-purple (`#282a36`) — the classic Dracula color scheme | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Dracula theme stat card](https://github.com/user-attachments/assets/e8983a0b-536a-4d00-af20-4a2a8149abbc) | ![Dracula theme TUI](https://github.com/user-attachments/assets/4ca6b269-ab7f-4d44-9a1b-1ceeb96e4965) | --- ## Monokai **ID:** `monokai`  |  **Palette:** Vibrant green (`#a6e22e`), hot pink (`#f92672`), and cyan (`#66d9ef`) on an olive-dark background (`#272822`) | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Monokai theme stat card](https://github.com/user-attachments/assets/b23b2cc2-3061-4d72-b810-b8605231c514) | ![Monokai theme TUI](https://github.com/user-attachments/assets/48198c68-3484-4c29-be5d-1abe6542e164) | --- ## Cyberpunk **ID:** `cyberpunk`  |  **Palette:** Neon green (`#00ff9f`) and hot pink (`#f6019d`) on near-black (`#0b0e14`) — maximum contrast, maximum energy | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Cyberpunk theme stat card](https://github.com/user-attachments/assets/e36910d9-4faf-425f-ac22-c7a614ebf97f)) | ![Cyberpunk theme TUI](https://github.com/user-attachments/assets/84a28940-ebf7-4bb7-a746-06e241aa0a4c) | --- ## Tokyo Night **ID:** `tokyonight`  |  **Palette:** Cool blue (`#7aa2f7`) and green (`#9ece6a`) on deep navy (`#1a1b26`) — calm and focused, like coding at midnight in Tokyo | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Tokyo Night theme stat card](https://github.com/user-attachments/assets/ac92d1bc-e39a-4815-baf0-cfe4abd5e3eb) | ![Tokyo Night theme TUI](https://github.com/user-attachments/assets/4370833e-5eb0-4889-b76e-352a510af9d9) | --- ## Catppuccin **ID:** `catppuccin`  |  **Palette:** Pastel blue (`#89b4fa`), green (`#a6e3a1`), and pink (`#f38ba8`) on a soft dark background (`#1e1e2e`) — Mocha variant | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Catppuccin theme stat card](https://github.com/user-attachments/assets/48f41cf4-b3dd-4019-a5cc-c58ef0cec89d) | ![Catppuccin theme TUI](https://github.com/user-attachments/assets/9272768d-47c6-4e60-81ce-7da2761fdae1) | --- ## Synthwave **ID:** `synthwave`  |  **Palette:** Retro cyan (`#36f9f6`) and hot pink (`#ff5c8a`) on deep purple (`#241b2f`) — pure 1980s nostalgia | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Synthwave theme stat card](https://github.com/user-attachments/assets/63154830-2c94-447a-95d1-623c9edb494b) | ![Synthwave theme TUI](https://github.com/user-attachments/assets/306de53d-2d73-431a-a6b1-9299e112119d) | --- ## Sunset **ID:** `sunset`  |  **Palette:** Warm amber (`#ff9e64`) and gold (`#ffd580`) on a dark plum background (`#1f1d2b`) — golden hour vibes > **Note:** Use custom hex flags for this theme: > ```bash > ./taka-report -bg "#1f1d2b" -text "#f8f8f2" -subtext "#a599e9" -bar-bg "#2a273f" -c1 "#ff9e64" -c2 "#ffd580" -c3 "#ff6b6b" -c4 "#c678dd" > ``` | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Sunset theme stat card](https://github.com/user-attachments/assets/bdc1891b-156e-45c8-9f47-d3daace8c05e) | ![Sunset theme TUI](https://github.com/user-attachments/assets/ffe75bda-2fb9-4664-b80a-ce5f71fb1bdd) | --- ## Midnight Purple **ID:** `midnightpurple`  |  **Palette:** Soft purple (`#c084fc`) and blue (`#60a5fa`) on very dark purple (`#1b1325`) — elegant and mysterious > **Note:** Use custom hex flags for this theme: > ```bash > ./taka-report -bg "#1b1325" -text "#e9d8fd" -subtext "#9f7aea" -bar-bg "#2d1b3f" -c1 "#c084fc" -c2 "#60a5fa" -c3 "#34d399" -c4 "#f472b6" > ``` | Stat Card Preview | Terminal Dashboard | |:-:|:-:| | ![Midnight Purple theme stat card](https://github.com/user-attachments/assets/fc511b15-54ca-42e7-a9b9-f693bdc06113) | ![Midnight Purple theme TUI](https://github.com/user-attachments/assets/d29f344e-e664-44a5-bbc3-76e705f52335) | --- ## Additional Themes TakaTime supports more themes via custom hex color flags. The following themes are available in the web generator and TUI but use custom colors rather than a named ID: | Theme | Colors | |-------|--------| | Nord | `-bg "#2e3440" -text "#d8dee9" -subtext "#4c566a" -bar-bg "#3b4252" -c1 "#88c0d0" -c2 "#a3be8c" -c3 "#81a1c1" -c4 "#bf616a"` | | Gruvbox | `-bg "#282828" -text "#ebdbb2" -subtext "#928374" -bar-bg "#3c3836" -c1 "#fabd2f" -c2 "#b8bb26" -c3 "#fe8019" -c4 "#fb4934"` | | Everforest | `-bg "#2b3339" -text "#d3c6aa" -subtext "#7a8478" -bar-bg "#374145" -c1 "#a7c080" -c2 "#7fbbb3" -c3 "#dbbc7f" -c4 "#e67e80"` | | Iceberg | `-bg "#161821" -text "#d2d4de" -subtext "#6b7089" -bar-bg "#1e2132" -c1 "#84a0c6" -c2 "#a093c7" -c3 "#89b8c2" -c4 "#e27878"` | | Deep Ocean | `-bg "#0f172a" -text "#e2e8f0" -subtext "#64748b" -bar-bg "#1e293b" -c1 "#38bdf8" -c2 "#22c55e" -c3 "#f59e0b" -c4 "#ef4444"` | | Solarized | `-bg "#002b36" -text "#93a1a1" -subtext "#586e75" -bar-bg "#073642" -c1 "#268bd2" -c2 "#859900" -c3 "#b58900" -c4 "#dc322f"` | | One Dark | `-bg "#282c34" -text "#abb2bf" -subtext "#5c6370" -bar-bg "#3a3f4b" -c1 "#61afef" -c2 "#98c379" -c3 "#e5c07b" -c4 "#e06c75"` | | Material | `-bg "#263238" -text "#eeffff" -subtext "#546e7a" -bar-bg "#37474f" -c1 "#82aaff" -c2 "#c3e88d" -c3 "#ffcb6b" -c4 "#f07178"` | --- ## Using the Interactive Web Generator Not sure which theme to pick? Use the **[Interactive TakaTime Generator](https://rtarun3606k.github.io/TakaTime/)** to preview all themes in real-time and copy the exact command for your workflow. --- *Generated for [TakaTime](https://github.com/Rtarun3606k/TakaTime) — The Open Source, Self-Hosted WakaTime Alternative.*