Mineman130

The JoltNotes Themes


JoltNotes has a few themes that you can choose from. You can change the theme by clicking the gear button in the top left corner. This is a guide to change the themes to whatever you would like within JoltNotes.


The themes are stored in the main file, JoltNotes.py. I use customtkinter for the UI, so every single theme looks like this:

def color_change_JoltNotes():
print("Applying JoltNotes theme...")
toolbar.configure(fg_color='#262626')
window.configure(fg_color='#171717')
textbox.configure(fg_color='#171717', text_color='white')
theme_label.configure(text_color='white')
bold_button.configure(text_color='white')
bold_button.configure(hover_color='#48b5ff')
italic_button.configure(text_color='white')
italic_button.configure(hover_color='#48b5ff')
underline_button.configure(text_color='white')
underline_button.configure(hover_color='#48b5ff')
heading_button.configure(text_color='white')
heading_button.configure(hover_color='#48b5ff')
heading2_button.configure(text_color='white')
heading2_button.configure(hover_color='#48b5ff')
strickethrough_button.configure(text_color='white')
strickethrough_button.configure(hover_color='#48b5ff')
menu_button.configure(text_color='white')
menu_button.configure(hover_color='#48b5ff')
settings_menu_button.configure(text_color='white')
settings_menu_button.configure(hover_color='#48b5ff')
website_button.configure(text_color='white')
settings_frame.configure(fg_color='#171717')
notes_list_main_frame.configure(fg_color='#171717')
center_button.configure(text_color='white', hover_color='#48b5ff')
if mini_window != None:
mini_window.configure(fg_color='#171717')
if mini_textbox != None:
mini_textbox.configure(text_color='white')
mini_textbox.configure(fg_color='#171717')
save_theme("JoltNotes")

You could change anything color wise, make sure you either know the name of the color or have the HEX(#FFFFF) code

You could also change what default theme the app will use if no theme was saved with DEFAULT_THEME = "JoltNotes". You could change the names that display for each theme as well by modifing:

theme_buttons = [
("JoltNotes", color_change_JoltNotes, 'white'),
("Silicon Chip", color_change_silicon, 'white'),
("Dark Mode", color_change_dark, 'white'),
("Light Mode", color_change_light, 'white'),
("Mutted Earth", color_change_earth, 'white'),
("Terminal Amber", color_change_orange, 'white'),
("Terminal Green", color_change_green, 'white'),
("Pretty Pink", color_change_pink, 'white'),
("Earthy Green", color_change_earthy, 'white'),
("Red Velvet", color_change_velvet, 'white'),
("Watermelon Vibes", color_change_menlon, 'white'),
]

By doing everything in the guide, you basically made your own JoltNotes themes!

This guide will be improved as I develop JoltNotes, so check back for updates or new features.