Text Styles App in egui — RichText, Color32 & Formatting, Ep16
52views
0013:33
T
Taught by Celeste AI - AI Coding Coach
View on YouTubeDescription
Learn how to style text in egui using RichText and Color32. We build a Text Styles app with toggleable sections
showing headings, body text, color highlights, and warning styles — all with adjustable font size.
Student code: https://github.com/GoCelesteAI/egui_text_styles
What You'll Learn:
• RichText::new() for creating styled text objects
• .strong(), .italics(), .strikethrough(), .underline(), .monospace() formatting
• .size() for dynamic font size control
• Color32::from_rgb() for custom text colors (success green, error red, info blue)
• ctx.set_pixels_per_point() to scale the entire UI
• TopBottomPanel with a font size Slider
• SidePanel with Checkboxes to toggle section visibility
• CentralPanel with ScrollArea for scrollable content
• Neo-tree keys to navigate between sources, buffers, and git views
This is Episode 16 of the "Learn egui in Neovim" series where we build desktop apps with Rust's egui framework,
all coded in Neovim.
Timestamps:
0:00 Intro
0:12 What We're Building
0:22 Preview: Key Concepts
0:54 Coding the Text Styles App
10:52 App Demo
11:52 Recap
12:32 Next Episode
🦀 Built with Rust + egui + eframe
📝 Coded entirely in Neovim with Neo-tree
#rust #egui #neovim #gui #tutorial