Use secondary color for catalog models

Catalog models now use secondary color for all visual elements (icon, model name, download arrow) to create a more subtle, de-emphasized appearance that distinguishes them from installed models. This makes the visual hierarchy clearer: installed models use primary color to indicate they're ready to use, while catalog models use secondary color to indicate they're available but not yet installed.

Author: erusev

LlamaBarn/Menu/CatalogIconView.swift

@@ -17,7 +17,6 @@ final class CatalogIconView: NSView {
 
     imageView.translatesAutoresizingMaskIntoConstraints = false
     imageView.symbolConfiguration = .init(pointSize: Layout.uiIconSize, weight: .regular)
-    imageView.contentTintColor = Typography.primaryColor
 
     addSubview(imageView)
     NSLayoutConstraint.activate([
@@ -45,5 +44,6 @@ final class CatalogIconView: NSView {
   private func refresh() {
     guard let layer else { return }
     layer.setBackgroundColor(backgroundColor, in: self)
+    imageView.contentTintColor = Typography.secondaryColor
   }
 }

LlamaBarn/Menu/CatalogModelItemView.swift

@@ -38,7 +38,7 @@ final class CatalogModelItemView: ItemView {
   }
 
   override func highlightDidChange(_ highlighted: Bool) {
-    iconView.isHighlighted = highlighted
+    // No color changes on hover - catalog models stay with secondary colors
   }
 
   private func setup() {
@@ -129,23 +129,16 @@ final class CatalogModelItemView: ItemView {
   private func makeModelNameAttributedString(compatible: Bool) -> NSAttributedString {
     let result = NSMutableAttributedString()
 
-    // Use tertiary color for incompatible models
-    let familyColor = compatible ? Typography.primaryColor : Typography.tertiaryColor
-    let sizeColor = compatible ? Typography.secondaryColor : Typography.tertiaryColor
+    // Use secondary color for catalog models, tertiary for incompatible models
+    let textColor = compatible ? Typography.secondaryColor : Typography.tertiaryColor
 
-    // Family name in primary style
-    let familyAttributes: [NSAttributedString.Key: Any] = [
+    // Family name and size both use secondary color in catalog
+    let attributes: [NSAttributedString.Key: Any] = [
       .font: Typography.primary,
-      .foregroundColor: familyColor,
+      .foregroundColor: textColor,
     ]
-    result.append(NSAttributedString(string: model.family, attributes: familyAttributes))
-
-    // Size in primary font with secondary color
-    let sizeAttributes: [NSAttributedString.Key: Any] = [
-      .font: Typography.primary,
-      .foregroundColor: sizeColor,
-    ]
-    result.append(NSAttributedString(string: " \(model.sizeLabel)", attributes: sizeAttributes))
+    result.append(NSAttributedString(string: model.family, attributes: attributes))
+    result.append(NSAttributedString(string: " \(model.sizeLabel)", attributes: attributes))
 
     return result
   }
@@ -176,7 +169,7 @@ final class CatalogModelItemView: ItemView {
 
     // Colors: status indicator only (label color is handled in makeModelNameAttributedString)
     statusIndicator.contentTintColor =
-      compatible ? Typography.primaryColor : Typography.tertiaryColor
+      compatible ? Typography.secondaryColor : Typography.tertiaryColor
 
     // Clear highlight if no longer actionable
     if !highlightEnabled { setHighlight(false) }