forbes-0023
69414c5dc5
Some checks are pending
Build and Test / build (push) Has started running
Change color assignments for better semantic meaning:
- View operations: Yellow (#f9e2af) / Peach (#fab387)
- System/Settings: Mauve (#cba6f7) / Lavender (#b4befe)
Updated icons:
- View: zoom-in, zoom-out, zoom-fit-best, view-refresh, view-fullscreen,
Std_ViewHome, Std_ViewScreenShot, Std_ToggleVisibility
- System: preferences-system, help-browser, application-exit, Std_Refresh
Also updated README.md color usage documentation.
Kindred Create Icons
This directory contains custom Catppuccin Mocha themed SVG icons that override the default FreeCAD icons.
How It Works
Icons placed in this directory are loaded before the default FreeCAD icons. To override an icon, simply create an SVG file with the same name as the original icon.
For example, to override document-save.svg, create kindred-icons/document-save.svg.
Icon Design Standards
All Kindred Create icons follow these guidelines:
Template
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<rect x="2" y="2" width="28" height="28" rx="4" fill="#313244"/>
<!-- Icon content using Catppuccin Mocha colors -->
</svg>
Specifications
| Property | Value |
|---|---|
| ViewBox | 32x32 |
| Background | Rounded rect, rx=4, fill=#313244 (surface0) |
| Stroke width | 1.5-2.5 for main elements |
| Style | Flat, minimal, geometric |
Catppuccin Mocha Palette
| Color | Hex | Usage |
|---|---|---|
| Base | #1e1e2e |
Deep backgrounds |
| Mantle | #181825 |
Darker backgrounds |
| Crust | #11111b |
Darkest backgrounds |
| Surface0 | #313244 |
Icon backgrounds |
| Surface1 | #45475a |
Elevated surfaces |
| Surface2 | #585b70 |
Higher surfaces |
| Overlay0 | #6c7086 |
Subtle elements |
| Overlay1 | #7f849c |
More visible overlays |
| Overlay2 | #9399b2 |
Prominent overlays |
| Subtext0 | #a6adc8 |
Tertiary text |
| Subtext1 | #bac2de |
Secondary text |
| Text | #cdd6f4 |
Primary text/strokes |
| Lavender | #b4befe |
Soft purple accent |
| Blue | #89b4fa |
File operations |
| Sapphire | #74c7ec |
Links, info |
| Sky | #89dceb |
Light blue accent |
| Teal | #94e2d5 |
Success secondary |
| Green | #a6e3a1 |
Edit operations, Creation/Success |
| Yellow | #f9e2af |
View operations |
| Peach | #fab387 |
View accents |
| Maroon | #eba0ac |
Soft red |
| Red | #f38ba8 |
Deletion/Error |
| Mauve | #cba6f7 |
System/Settings |
| Lavender | #b4befe |
System accents |
| Pink | #f5c2e7 |
Decorative |
| Flamingo | #f2cdcd |
Soft accents |
| Rosewater | #f5e0dc |
Lightest accent |
Workbench Color Coding
Each workbench uses a distinct accent color:
| Workbench | Primary | Accent |
|---|---|---|
| Part Design | Blue #89b4fa |
Sapphire #74c7ec |
| Sketcher | Yellow #f9e2af |
Peach #fab387 |
| Assembly | Green #a6e3a1 |
Teal #94e2d5 |
| TechDraw | Mauve #cba6f7 |
Lavender #b4befe |
| Spreadsheet | Sky #89dceb |
Sapphire #74c7ec |
| Mesh | Pink #f5c2e7 |
Flamingo #f2cdcd |
| Draft | Peach #fab387 |
Yellow #f9e2af |
Adding New Icons
- Identify the original icon name (e.g.,
document-save.svg) - Create your SVG using the template above
- Save it in this directory with the exact same filename
- The new icon will be used on next application start
Finding Original Icon Names
Original icons are located in:
src/Gui/Icons/- Core GUI iconssrc/Mod/*/Gui/Resources/icons/- Module-specific icons
Use the same filename to override.