Skip to content

Custom theme

Use an existing theme

You can enter the following command to set it up;

Click me to know where is CONFIG_PATH

Terminal window
$EDITOR CONFIG_PATH

You can first go to the theme list to find a theme you like (or if you don’t have one you like, you can make one yourself!)

Once you find one you like, copy it and paste it into the theme in the config_path file.

theme = 'catppuccin'
theme = 'theme_name_you_like'

Create your own theme

Click me to know where is THEME_DIRECTORY

If you want to customize your own theme, you can go to THEME_DIRECTORY/YOUR_THEME_NAME.toml and copy the existing theme’s json to your own theme file

Don’t forget to change the theme variable in config.toml to your theme name.

If you are satisfied with your theme, you might as well put it into the default theme list!

Default theme

src/superfile_config/theme/catppuccin.toml
# Catppuccin
# Theme create by: https://github.com/AnshumanNeon
# Update by(sort by time):
#
# Thanks for all contributor!!
# If you want to make sidebar border display just set it same as sidebar background color
# Code syntax highlight theme (you can go to https://github.com/alecthomas/chroma/blob/master/styles to find one you like)
code_syntax_highlight = "catppuccin-mocha"
# ========= Border =========
file_panel_border = "#6c7086"
sidebar_border = "#1e1e2e"
footer_border = "#6c7086"
# ========= Border Active =========
file_panel_border_active = "#b4befe"
sidebar_border_active = "#f38ba8"
footer_border_active = "#a6e3a1"
modal_border_active = "#868686"
# ========= Background (bg) =========
full_screen_bg = "#1e1e2e"
file_panel_bg = "#1e1e2e"
sidebar_bg = "#1e1e2e"
footer_bg = "#1e1e2e"
modal_bg = "#1e1e2e"
# ========= Foreground (fg) =========
full_screen_fg = "#a6adc8"
file_panel_fg = "#a6adc8"
sidebar_fg = "#a6adc8"
footer_fg = "#a6adc8"
modal_fg = "#a6adc8"
# ========= Special Color =========
cursor = "#f5e0dc"
correct = "#a6e3a1"
error = "#f38ba8"
hint = "#73c7ec"
cancel = "#eba0ac"
# Gradient color can only have two color!
gradient_color = ["#89b4fa", "#cba6f7"]
# ========= File Panel Special Items =========
file_panel_top_directory_icon = "#a6e3a1"
file_panel_top_path = "#89b5fa"
file_panel_item_selected_fg = "#98D0FD"
file_panel_item_selected_bg = "#1e1e2e"
# ========= Sidebar Special Items =========
sidebar_title = "#74c7ec"
sidebar_item_selected_fg = "#A6DBF7"
sidebar_item_selected_bg = "#1e1e2e"
sidebar_divider = "#868686"
# ========= Modal Special Items =========
modal_cancel_fg = "#383838"
modal_cancel_bg = "#eba0ac"
modal_confirm_fg = "#383838"
modal_confirm_bg = "#89dceb"
# ========= Help Menu =========
help_menu_hotkey = "#89dceb"
help_menu_title = "#eba0ac"