Icon Migration Phase 1: Core Toolbar Icons #4

Closed
opened 2026-02-05 16:26:25 +00:00 by forbes · 0 comments
Owner

Overview

Create Catppuccin Mocha themed icons for the most frequently used toolbar actions.

Icon List (Priority Order)

File Operations

  • document-new.svg - New document
  • document-open.svg - Open file
  • document-save.svg - Save
  • document-save-as.svg - Save As
  • Std_SaveAll.svg - Save All
  • Std_Import.svg - Import
  • Std_Export.svg - Export
  • document-print.svg - Print

Edit Operations

  • edit-undo.svg - Undo
  • edit-redo.svg - Redo
  • edit-cut.svg - Cut
  • edit-copy.svg - Copy
  • edit-paste.svg - Paste
  • edit-delete.svg / delete.svg - Delete
  • edit-select-all.svg - Select All

View Operations

  • zoom-in.svg - Zoom In
  • zoom-out.svg - Zoom Out
  • zoom-fit-best.svg / view-refresh.svg - Fit All
  • Std_ViewHome.svg - Home View
  • view-fullscreen.svg - Fullscreen

Common Actions

  • preferences-system.svg - Preferences/Settings
  • help-browser.svg - Help
  • application-exit.svg - Exit

Design Guidelines

All icons follow the Kindred Create icon standard:

<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>

Color Assignments (Suggested)

  • File operations: Blue/Sapphire (#89b4fa, #74c7ec)
  • Edit operations: Green/Teal (#a6e3a1, #94e2d5)
  • View operations: Mauve/Lavender (#cba6f7, #b4befe)
  • Destructive actions: Red (#f38ba8)
  • Settings/System: Peach/Yellow (#fab387, #f9e2af)

Acceptance Criteria

  • All listed icons created in Catppuccin Mocha style
  • Icons render correctly at 16x16, 24x24, 32x32, 64x64
  • Icons placed in kindred-icons/ directory
  • Visual consistency verified across all icons

Dependencies

  • #3 Icon Migration: Set up icon override infrastructure
## Overview Create Catppuccin Mocha themed icons for the most frequently used toolbar actions. ## Icon List (Priority Order) ### File Operations - [ ] `document-new.svg` - New document - [ ] `document-open.svg` - Open file - [ ] `document-save.svg` - Save - [ ] `document-save-as.svg` - Save As - [ ] `Std_SaveAll.svg` - Save All - [ ] `Std_Import.svg` - Import - [ ] `Std_Export.svg` - Export - [ ] `document-print.svg` - Print ### Edit Operations - [ ] `edit-undo.svg` - Undo - [ ] `edit-redo.svg` - Redo - [ ] `edit-cut.svg` - Cut - [ ] `edit-copy.svg` - Copy - [ ] `edit-paste.svg` - Paste - [ ] `edit-delete.svg` / `delete.svg` - Delete - [ ] `edit-select-all.svg` - Select All ### View Operations - [ ] `zoom-in.svg` - Zoom In - [ ] `zoom-out.svg` - Zoom Out - [ ] `zoom-fit-best.svg` / `view-refresh.svg` - Fit All - [ ] `Std_ViewHome.svg` - Home View - [ ] `view-fullscreen.svg` - Fullscreen ### Common Actions - [ ] `preferences-system.svg` - Preferences/Settings - [ ] `help-browser.svg` - Help - [ ] `application-exit.svg` - Exit ## Design Guidelines All icons follow the Kindred Create icon standard: ```svg <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> ``` ### Color Assignments (Suggested) - **File operations**: Blue/Sapphire (`#89b4fa`, `#74c7ec`) - **Edit operations**: Green/Teal (`#a6e3a1`, `#94e2d5`) - **View operations**: Mauve/Lavender (`#cba6f7`, `#b4befe`) - **Destructive actions**: Red (`#f38ba8`) - **Settings/System**: Peach/Yellow (`#fab387`, `#f9e2af`) ## Acceptance Criteria - [ ] All listed icons created in Catppuccin Mocha style - [ ] Icons render correctly at 16x16, 24x24, 32x32, 64x64 - [ ] Icons placed in `kindred-icons/` directory - [ ] Visual consistency verified across all icons ## Dependencies - #3 Icon Migration: Set up icon override infrastructure
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kindred/create#4