Refresh Classroom branding and hover feedback on the main open page.

Use the provided Google Classroom logo for the Open Classroom card and add subtle hover states to remaining interactive controls for a more cohesive Classroom-like feel.

Made-with: Cursor

classroom_app/Assets.xcassets/icon_google_classroom.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images": [
+    {
+      "filename": "icon_google_classroom.png",
+      "idiom": "universal",
+      "scale": "1x"
+    },
+    {
+      "idiom": "universal",
+      "scale": "2x"
+    },
+    {
+      "idiom": "universal",
+      "scale": "3x"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}

classroom_app/ViewController.swift

@@ -2540,12 +2540,19 @@ private extension ViewController {
         iconWrap.widthAnchor.constraint(equalToConstant: 58).isActive = true
         iconWrap.heightAnchor.constraint(equalToConstant: 58).isActive = true
         iconWrap.layer?.borderWidth = 0
-        let classSymbol = NSImage(systemSymbolName: "graduationcap.circle.fill", accessibilityDescription: "Google Classroom") ?? NSImage()
-        let classLogo = NSImageView(image: classSymbol)
+        let usesClassroomAsset = NSImage(named: "icon_google_classroom") != nil
+        let classLogoImage =
+            NSImage(named: "icon_google_classroom")
+            ?? NSImage(systemSymbolName: "graduationcap.circle.fill", accessibilityDescription: "Google Classroom")
+            ?? NSImage()
+        classLogoImage.isTemplate = false
+        let classLogo = NSImageView(image: classLogoImage)
         classLogo.translatesAutoresizingMaskIntoConstraints = false
         classLogo.imageScaling = .scaleProportionallyDown
         classLogo.symbolConfiguration = NSImage.SymbolConfiguration(pointSize: 28, weight: .medium)
-        classLogo.contentTintColor = palette.primaryBlue
+        if !usesClassroomAsset {
+            classLogo.contentTintColor = palette.primaryBlue
+        }
         iconWrap.addSubview(classLogo)
 
         let instantTitle = textLabel("Open Classroom", font: NSFont.systemFont(ofSize: 40 / 2, weight: .semibold), color: palette.textPrimary)
@@ -2605,15 +2612,19 @@ private extension ViewController {
         ])
 
         let baseColor = palette.sectionCard
-        let hoverBlend = darkModeEnabled ? NSColor.white : NSColor.black
-        let hoverColor = baseColor.blended(withFraction: 0.10, of: hoverBlend) ?? baseColor
+        let baseBorderColor = palette.inputBorder
+        let classroomHoverTint = NSColor(calibratedRed: 0.46, green: 0.80, blue: 0.42, alpha: 1.0)
+        let hoverColor = baseColor.blended(withFraction: darkModeEnabled ? 0.24 : 0.16, of: classroomHoverTint) ?? baseColor
+        let hoverBorderColor = baseBorderColor.blended(withFraction: darkModeEnabled ? 0.45 : 0.32, of: classroomHoverTint) ?? baseBorderColor
         instant.onHoverChanged = { [weak self] hovering in
             guard let self else { return }
             instant.layer?.backgroundColor = (hovering ? hoverColor : baseColor).cgColor
+            instant.layer?.borderColor = (hovering ? hoverBorderColor : baseBorderColor).cgColor
         }
         codeCard.onHoverChanged = { [weak self] hovering in
             guard let self else { return }
             codeCard.layer?.backgroundColor = (hovering ? hoverColor : baseColor).cgColor
+            codeCard.layer?.borderColor = (hovering ? hoverBorderColor : baseBorderColor).cgColor
         }
         instant.onHoverChanged?(false)
         codeCard.onHoverChanged?(false)
@@ -4068,7 +4079,7 @@ private extension ViewController {
     }
 
     private func makeScheduleScrollButton(systemSymbol: String, action: Selector) -> NSButton {
-        let button = NSButton(title: "", target: self, action: action)
+        let button = HoverButton(title: "", target: self, action: action)
         button.translatesAutoresizingMaskIntoConstraints = false
         button.isBordered = false
         button.bezelStyle = .regularSquare
@@ -4085,6 +4096,16 @@ private extension ViewController {
         button.focusRingType = .none
         button.heightAnchor.constraint(equalToConstant: 32).isActive = true
         button.widthAnchor.constraint(equalToConstant: 32).isActive = true
+        let baseColor = palette.inputBackground
+        let baseBorder = palette.inputBorder
+        let hoverBlend = darkModeEnabled ? NSColor.white : NSColor.black
+        let hoverColor = baseColor.blended(withFraction: 0.10, of: hoverBlend) ?? baseColor
+        let hoverBorder = baseBorder.blended(withFraction: 0.16, of: hoverBlend) ?? baseBorder
+        button.onHoverChanged = { [weak button] hovering in
+            button?.layer?.backgroundColor = (hovering ? hoverColor : baseColor).cgColor
+            button?.layer?.borderColor = (hovering ? hoverBorder : baseBorder).cgColor
+        }
+        button.onHoverChanged?(false)
         return button
     }
 }