├── .editorconfig ├── LICENSE ├── README.md ├── assets ├── frappe.webp ├── latte.webp ├── macchiato.webp ├── mocha.webp └── screenshot.webp ├── btop.tera ├── justfile ├── renovate.json └── themes ├── catppuccin_frappe.theme ├── catppuccin_latte.theme ├── catppuccin_macchiato.theme └── catppuccin_mocha.theme /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # EditorConfig is awesome: https://EditorConfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | charset = utf-8 9 | indent_size = 2 10 | indent_style = space 11 | end_of_line = lf 12 | insert_final_newline = true 13 | trim_trailing_whitespace = true 14 | 15 | # go 16 | [*.go] 17 | indent_style = tab 18 | indent_size = 4 19 | 20 | # python 21 | [*.{ini,py,py.tpl,rst}] 22 | indent_size = 4 23 | 24 | # rust 25 | [*.rs] 26 | indent_size = 4 27 | 28 | # documentation, utils 29 | [*.{md,mdx,diff}] 30 | trim_trailing_whitespace = false 31 | 32 | # windows shell scripts 33 | [*.{cmd,bat,ps1}] 34 | end_of_line = crlf 35 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Catppuccin 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | Logo
3 | 4 | Catppuccin for Btop 5 | 6 |

7 | 8 | 9 |

10 | 11 | 12 | 13 |

14 | 15 |

16 | 17 |

18 | 19 | ## Previews 20 | 21 |
22 | 🌻 Latte 23 | 24 |
25 |
26 | 🪴 Frappé 27 | 28 |
29 |
30 | 🌺 Macchiato 31 | 32 |
33 |
34 | 🌿 Mocha 35 | 36 |
37 | 38 | ## Usage 39 | 40 | > [!NOTE] 41 | > This theme is also compatible with [Bpytop](https://github.com/aristocratos/bpytop). 42 | 43 | 1. Download the [latest release](https://github.com/catppuccin/btop/releases/latest) of the theme. 44 | 2. Copy the flavor(s) of your choice to `$XDG_CONFIG_HOME/btop/themes/` (or `$XDG_CONFIG_HOME/bpytop/themes/`). 45 | 46 | > [!NOTE] 47 | > If `$XDG_CONFIG_HOME` is not set or empty, copy files to `~/.config` instead. 48 | 49 | 4. Launch Btop/Bpytop, press Esc, and select "Options". 50 | 5. Select your flavor of choice! 51 | 52 | 53 | ## 💝 Thanks to 54 | 55 | - [Lokesh Krishna](https://github.com/lokesh-krishna) 56 | - [Kara Zajac](https://github.com/Arkwin) 57 | 58 |   59 | 60 |

61 |

Copyright © 2021-present Catppuccin Org 62 |

63 | -------------------------------------------------------------------------------- /assets/frappe.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/btop/f437574b600f1c6d932627050b15ff5153b58fa3/assets/frappe.webp -------------------------------------------------------------------------------- /assets/latte.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/btop/f437574b600f1c6d932627050b15ff5153b58fa3/assets/latte.webp -------------------------------------------------------------------------------- /assets/macchiato.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/btop/f437574b600f1c6d932627050b15ff5153b58fa3/assets/macchiato.webp -------------------------------------------------------------------------------- /assets/mocha.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/btop/f437574b600f1c6d932627050b15ff5153b58fa3/assets/mocha.webp -------------------------------------------------------------------------------- /assets/screenshot.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/catppuccin/btop/f437574b600f1c6d932627050b15ff5153b58fa3/assets/screenshot.webp -------------------------------------------------------------------------------- /btop.tera: -------------------------------------------------------------------------------- 1 | --- 2 | whiskers: 3 | version: 2.0.0 4 | matrix: 5 | - flavor 6 | filename: "themes/catppuccin_{{ flavor.identifier }}.theme" 7 | --- 8 | {%- set palette = flavor.colors -%} 9 | # Main background, empty for terminal default, need to be empty if you want transparent background 10 | theme[main_bg]="#{{ palette.base.hex }}" 11 | 12 | # Main text color 13 | theme[main_fg]="#{{ palette.text.hex }}" 14 | 15 | # Title color for boxes 16 | theme[title]="#{{ palette.text.hex }}" 17 | 18 | # Highlight color for keyboard shortcuts 19 | theme[hi_fg]="#{{ palette.blue.hex }}" 20 | 21 | # Background color of selected item in processes box 22 | theme[selected_bg]="#{{ palette.surface1.hex }}" 23 | 24 | # Foreground color of selected item in processes box 25 | theme[selected_fg]="#{{ palette.blue.hex }}" 26 | 27 | # Color of inactive/disabled text 28 | theme[inactive_fg]="#{{ palette.overlay1.hex }}" 29 | 30 | # Color of text appearing on top of graphs, i.e uptime and current network graph scaling 31 | theme[graph_text]="#{{ palette.rosewater.hex }}" 32 | 33 | # Background color of the percentage meters 34 | theme[meter_bg]="#{{ palette.surface1.hex }}" 35 | 36 | # Misc colors for processes box including mini cpu graphs, details memory graph and details status text 37 | theme[proc_misc]="#{{ palette.rosewater.hex }}" 38 | 39 | # CPU, Memory, Network, Proc box outline colors 40 | theme[cpu_box]="#{{ palette.mauve.hex }}" #Mauve 41 | theme[mem_box]="#{{ palette.green.hex }}" #Green 42 | theme[net_box]="#{{ palette.maroon.hex }}" #Maroon 43 | theme[proc_box]="#{{ palette.blue.hex }}" #Blue 44 | 45 | # Box divider line and small boxes line color 46 | theme[div_line]="#{{ palette.overlay0.hex }}" 47 | 48 | # Temperature graph color (Green -> Yellow -> Red) 49 | theme[temp_start]="#{{ palette.green.hex }}" 50 | theme[temp_mid]="#{{ palette.yellow.hex }}" 51 | theme[temp_end]="#{{ palette.red.hex }}" 52 | 53 | # CPU graph colors (Teal -> Lavender) 54 | theme[cpu_start]="#{{ palette.teal.hex }}" 55 | theme[cpu_mid]="#{{ palette.sapphire.hex }}" 56 | theme[cpu_end]="#{{ palette.lavender.hex }}" 57 | 58 | # Mem/Disk free meter (Mauve -> Lavender -> Blue) 59 | theme[free_start]="#{{ palette.mauve.hex }}" 60 | theme[free_mid]="#{{ palette.lavender.hex }}" 61 | theme[free_end]="#{{ palette.blue.hex }}" 62 | 63 | # Mem/Disk cached meter (Sapphire -> Lavender) 64 | theme[cached_start]="#{{ palette.sapphire.hex }}" 65 | theme[cached_mid]="#{{ palette.blue.hex }}" 66 | theme[cached_end]="#{{ palette.lavender.hex }}" 67 | 68 | # Mem/Disk available meter (Peach -> Red) 69 | theme[available_start]="#{{ palette.peach.hex }}" 70 | theme[available_mid]="#{{ palette.maroon.hex }}" 71 | theme[available_end]="#{{ palette.red.hex }}" 72 | 73 | # Mem/Disk used meter (Green -> Sky) 74 | theme[used_start]="#{{ palette.green.hex }}" 75 | theme[used_mid]="#{{ palette.teal.hex }}" 76 | theme[used_end]="#{{ palette.sky.hex }}" 77 | 78 | # Download graph colors (Peach -> Red) 79 | theme[download_start]="#{{ palette.peach.hex }}" 80 | theme[download_mid]="#{{ palette.maroon.hex }}" 81 | theme[download_end]="#{{ palette.red.hex }}" 82 | 83 | # Upload graph colors (Green -> Sky) 84 | theme[upload_start]="#{{ palette.green.hex }}" 85 | theme[upload_mid]="#{{ palette.teal.hex }}" 86 | theme[upload_end]="#{{ palette.sky.hex }}" 87 | 88 | # Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) 89 | theme[process_start]="#{{ palette.sapphire.hex }}" 90 | theme[process_mid]="#{{ palette.lavender.hex }}" 91 | theme[process_end]="#{{ palette.mauve.hex }}" 92 | -------------------------------------------------------------------------------- /justfile: -------------------------------------------------------------------------------- 1 | _default: 2 | @just --list 3 | 4 | build: 5 | whiskers btop.tera 6 | -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://docs.renovatebot.com/renovate-schema.json", 3 | "extends": [ 4 | "local>catppuccin/renovate-config" 5 | ] 6 | } 7 | -------------------------------------------------------------------------------- /themes/catppuccin_frappe.theme: -------------------------------------------------------------------------------- 1 | # Main background, empty for terminal default, need to be empty if you want transparent background 2 | theme[main_bg]="#303446" 3 | 4 | # Main text color 5 | theme[main_fg]="#c6d0f5" 6 | 7 | # Title color for boxes 8 | theme[title]="#c6d0f5" 9 | 10 | # Highlight color for keyboard shortcuts 11 | theme[hi_fg]="#8caaee" 12 | 13 | # Background color of selected item in processes box 14 | theme[selected_bg]="#51576d" 15 | 16 | # Foreground color of selected item in processes box 17 | theme[selected_fg]="#8caaee" 18 | 19 | # Color of inactive/disabled text 20 | theme[inactive_fg]="#838ba7" 21 | 22 | # Color of text appearing on top of graphs, i.e uptime and current network graph scaling 23 | theme[graph_text]="#f2d5cf" 24 | 25 | # Background color of the percentage meters 26 | theme[meter_bg]="#51576d" 27 | 28 | # Misc colors for processes box including mini cpu graphs, details memory graph and details status text 29 | theme[proc_misc]="#f2d5cf" 30 | 31 | # CPU, Memory, Network, Proc box outline colors 32 | theme[cpu_box]="#ca9ee6" #Mauve 33 | theme[mem_box]="#a6d189" #Green 34 | theme[net_box]="#ea999c" #Maroon 35 | theme[proc_box]="#8caaee" #Blue 36 | 37 | # Box divider line and small boxes line color 38 | theme[div_line]="#737994" 39 | 40 | # Temperature graph color (Green -> Yellow -> Red) 41 | theme[temp_start]="#a6d189" 42 | theme[temp_mid]="#e5c890" 43 | theme[temp_end]="#e78284" 44 | 45 | # CPU graph colors (Teal -> Lavender) 46 | theme[cpu_start]="#81c8be" 47 | theme[cpu_mid]="#85c1dc" 48 | theme[cpu_end]="#babbf1" 49 | 50 | # Mem/Disk free meter (Mauve -> Lavender -> Blue) 51 | theme[free_start]="#ca9ee6" 52 | theme[free_mid]="#babbf1" 53 | theme[free_end]="#8caaee" 54 | 55 | # Mem/Disk cached meter (Sapphire -> Lavender) 56 | theme[cached_start]="#85c1dc" 57 | theme[cached_mid]="#8caaee" 58 | theme[cached_end]="#babbf1" 59 | 60 | # Mem/Disk available meter (Peach -> Red) 61 | theme[available_start]="#ef9f76" 62 | theme[available_mid]="#ea999c" 63 | theme[available_end]="#e78284" 64 | 65 | # Mem/Disk used meter (Green -> Sky) 66 | theme[used_start]="#a6d189" 67 | theme[used_mid]="#81c8be" 68 | theme[used_end]="#99d1db" 69 | 70 | # Download graph colors (Peach -> Red) 71 | theme[download_start]="#ef9f76" 72 | theme[download_mid]="#ea999c" 73 | theme[download_end]="#e78284" 74 | 75 | # Upload graph colors (Green -> Sky) 76 | theme[upload_start]="#a6d189" 77 | theme[upload_mid]="#81c8be" 78 | theme[upload_end]="#99d1db" 79 | 80 | # Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) 81 | theme[process_start]="#85c1dc" 82 | theme[process_mid]="#babbf1" 83 | theme[process_end]="#ca9ee6" -------------------------------------------------------------------------------- /themes/catppuccin_latte.theme: -------------------------------------------------------------------------------- 1 | # Main background, empty for terminal default, need to be empty if you want transparent background 2 | theme[main_bg]="#eff1f5" 3 | 4 | # Main text color 5 | theme[main_fg]="#4c4f69" 6 | 7 | # Title color for boxes 8 | theme[title]="#4c4f69" 9 | 10 | # Highlight color for keyboard shortcuts 11 | theme[hi_fg]="#1e66f5" 12 | 13 | # Background color of selected item in processes box 14 | theme[selected_bg]="#bcc0cc" 15 | 16 | # Foreground color of selected item in processes box 17 | theme[selected_fg]="#1e66f5" 18 | 19 | # Color of inactive/disabled text 20 | theme[inactive_fg]="#8c8fa1" 21 | 22 | # Color of text appearing on top of graphs, i.e uptime and current network graph scaling 23 | theme[graph_text]="#dc8a78" 24 | 25 | # Background color of the percentage meters 26 | theme[meter_bg]="#bcc0cc" 27 | 28 | # Misc colors for processes box including mini cpu graphs, details memory graph and details status text 29 | theme[proc_misc]="#dc8a78" 30 | 31 | # CPU, Memory, Network, Proc box outline colors 32 | theme[cpu_box]="#8839ef" #Mauve 33 | theme[mem_box]="#40a02b" #Green 34 | theme[net_box]="#e64553" #Maroon 35 | theme[proc_box]="#1e66f5" #Blue 36 | 37 | # Box divider line and small boxes line color 38 | theme[div_line]="#9ca0b0" 39 | 40 | # Temperature graph color (Green -> Yellow -> Red) 41 | theme[temp_start]="#40a02b" 42 | theme[temp_mid]="#df8e1d" 43 | theme[temp_end]="#d20f39" 44 | 45 | # CPU graph colors (Teal -> Lavender) 46 | theme[cpu_start]="#179299" 47 | theme[cpu_mid]="#209fb5" 48 | theme[cpu_end]="#7287fd" 49 | 50 | # Mem/Disk free meter (Mauve -> Lavender -> Blue) 51 | theme[free_start]="#8839ef" 52 | theme[free_mid]="#7287fd" 53 | theme[free_end]="#1e66f5" 54 | 55 | # Mem/Disk cached meter (Sapphire -> Lavender) 56 | theme[cached_start]="#209fb5" 57 | theme[cached_mid]="#1e66f5" 58 | theme[cached_end]="#7287fd" 59 | 60 | # Mem/Disk available meter (Peach -> Red) 61 | theme[available_start]="#fe640b" 62 | theme[available_mid]="#e64553" 63 | theme[available_end]="#d20f39" 64 | 65 | # Mem/Disk used meter (Green -> Sky) 66 | theme[used_start]="#40a02b" 67 | theme[used_mid]="#179299" 68 | theme[used_end]="#04a5e5" 69 | 70 | # Download graph colors (Peach -> Red) 71 | theme[download_start]="#fe640b" 72 | theme[download_mid]="#e64553" 73 | theme[download_end]="#d20f39" 74 | 75 | # Upload graph colors (Green -> Sky) 76 | theme[upload_start]="#40a02b" 77 | theme[upload_mid]="#179299" 78 | theme[upload_end]="#04a5e5" 79 | 80 | # Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) 81 | theme[process_start]="#209fb5" 82 | theme[process_mid]="#7287fd" 83 | theme[process_end]="#8839ef" -------------------------------------------------------------------------------- /themes/catppuccin_macchiato.theme: -------------------------------------------------------------------------------- 1 | # Main background, empty for terminal default, need to be empty if you want transparent background 2 | theme[main_bg]="#24273a" 3 | 4 | # Main text color 5 | theme[main_fg]="#cad3f5" 6 | 7 | # Title color for boxes 8 | theme[title]="#cad3f5" 9 | 10 | # Highlight color for keyboard shortcuts 11 | theme[hi_fg]="#8aadf4" 12 | 13 | # Background color of selected item in processes box 14 | theme[selected_bg]="#494d64" 15 | 16 | # Foreground color of selected item in processes box 17 | theme[selected_fg]="#8aadf4" 18 | 19 | # Color of inactive/disabled text 20 | theme[inactive_fg]="#8087a2" 21 | 22 | # Color of text appearing on top of graphs, i.e uptime and current network graph scaling 23 | theme[graph_text]="#f4dbd6" 24 | 25 | # Background color of the percentage meters 26 | theme[meter_bg]="#494d64" 27 | 28 | # Misc colors for processes box including mini cpu graphs, details memory graph and details status text 29 | theme[proc_misc]="#f4dbd6" 30 | 31 | # CPU, Memory, Network, Proc box outline colors 32 | theme[cpu_box]="#c6a0f6" #Mauve 33 | theme[mem_box]="#a6da95" #Green 34 | theme[net_box]="#ee99a0" #Maroon 35 | theme[proc_box]="#8aadf4" #Blue 36 | 37 | # Box divider line and small boxes line color 38 | theme[div_line]="#6e738d" 39 | 40 | # Temperature graph color (Green -> Yellow -> Red) 41 | theme[temp_start]="#a6da95" 42 | theme[temp_mid]="#eed49f" 43 | theme[temp_end]="#ed8796" 44 | 45 | # CPU graph colors (Teal -> Lavender) 46 | theme[cpu_start]="#8bd5ca" 47 | theme[cpu_mid]="#7dc4e4" 48 | theme[cpu_end]="#b7bdf8" 49 | 50 | # Mem/Disk free meter (Mauve -> Lavender -> Blue) 51 | theme[free_start]="#c6a0f6" 52 | theme[free_mid]="#b7bdf8" 53 | theme[free_end]="#8aadf4" 54 | 55 | # Mem/Disk cached meter (Sapphire -> Lavender) 56 | theme[cached_start]="#7dc4e4" 57 | theme[cached_mid]="#8aadf4" 58 | theme[cached_end]="#b7bdf8" 59 | 60 | # Mem/Disk available meter (Peach -> Red) 61 | theme[available_start]="#f5a97f" 62 | theme[available_mid]="#ee99a0" 63 | theme[available_end]="#ed8796" 64 | 65 | # Mem/Disk used meter (Green -> Sky) 66 | theme[used_start]="#a6da95" 67 | theme[used_mid]="#8bd5ca" 68 | theme[used_end]="#91d7e3" 69 | 70 | # Download graph colors (Peach -> Red) 71 | theme[download_start]="#f5a97f" 72 | theme[download_mid]="#ee99a0" 73 | theme[download_end]="#ed8796" 74 | 75 | # Upload graph colors (Green -> Sky) 76 | theme[upload_start]="#a6da95" 77 | theme[upload_mid]="#8bd5ca" 78 | theme[upload_end]="#91d7e3" 79 | 80 | # Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) 81 | theme[process_start]="#7dc4e4" 82 | theme[process_mid]="#b7bdf8" 83 | theme[process_end]="#c6a0f6" -------------------------------------------------------------------------------- /themes/catppuccin_mocha.theme: -------------------------------------------------------------------------------- 1 | # Main background, empty for terminal default, need to be empty if you want transparent background 2 | theme[main_bg]="#1e1e2e" 3 | 4 | # Main text color 5 | theme[main_fg]="#cdd6f4" 6 | 7 | # Title color for boxes 8 | theme[title]="#cdd6f4" 9 | 10 | # Highlight color for keyboard shortcuts 11 | theme[hi_fg]="#89b4fa" 12 | 13 | # Background color of selected item in processes box 14 | theme[selected_bg]="#45475a" 15 | 16 | # Foreground color of selected item in processes box 17 | theme[selected_fg]="#89b4fa" 18 | 19 | # Color of inactive/disabled text 20 | theme[inactive_fg]="#7f849c" 21 | 22 | # Color of text appearing on top of graphs, i.e uptime and current network graph scaling 23 | theme[graph_text]="#f5e0dc" 24 | 25 | # Background color of the percentage meters 26 | theme[meter_bg]="#45475a" 27 | 28 | # Misc colors for processes box including mini cpu graphs, details memory graph and details status text 29 | theme[proc_misc]="#f5e0dc" 30 | 31 | # CPU, Memory, Network, Proc box outline colors 32 | theme[cpu_box]="#cba6f7" #Mauve 33 | theme[mem_box]="#a6e3a1" #Green 34 | theme[net_box]="#eba0ac" #Maroon 35 | theme[proc_box]="#89b4fa" #Blue 36 | 37 | # Box divider line and small boxes line color 38 | theme[div_line]="#6c7086" 39 | 40 | # Temperature graph color (Green -> Yellow -> Red) 41 | theme[temp_start]="#a6e3a1" 42 | theme[temp_mid]="#f9e2af" 43 | theme[temp_end]="#f38ba8" 44 | 45 | # CPU graph colors (Teal -> Lavender) 46 | theme[cpu_start]="#94e2d5" 47 | theme[cpu_mid]="#74c7ec" 48 | theme[cpu_end]="#b4befe" 49 | 50 | # Mem/Disk free meter (Mauve -> Lavender -> Blue) 51 | theme[free_start]="#cba6f7" 52 | theme[free_mid]="#b4befe" 53 | theme[free_end]="#89b4fa" 54 | 55 | # Mem/Disk cached meter (Sapphire -> Lavender) 56 | theme[cached_start]="#74c7ec" 57 | theme[cached_mid]="#89b4fa" 58 | theme[cached_end]="#b4befe" 59 | 60 | # Mem/Disk available meter (Peach -> Red) 61 | theme[available_start]="#fab387" 62 | theme[available_mid]="#eba0ac" 63 | theme[available_end]="#f38ba8" 64 | 65 | # Mem/Disk used meter (Green -> Sky) 66 | theme[used_start]="#a6e3a1" 67 | theme[used_mid]="#94e2d5" 68 | theme[used_end]="#89dceb" 69 | 70 | # Download graph colors (Peach -> Red) 71 | theme[download_start]="#fab387" 72 | theme[download_mid]="#eba0ac" 73 | theme[download_end]="#f38ba8" 74 | 75 | # Upload graph colors (Green -> Sky) 76 | theme[upload_start]="#a6e3a1" 77 | theme[upload_mid]="#94e2d5" 78 | theme[upload_end]="#89dceb" 79 | 80 | # Process box color gradient for threads, mem and cpu usage (Sapphire -> Mauve) 81 | theme[process_start]="#74c7ec" 82 | theme[process_mid]="#b4befe" 83 | theme[process_end]="#cba6f7" --------------------------------------------------------------------------------