Darken app palette and soften shadows.

Deepen page, sidebar, and surface colors; refine borders, text contrast, and accent borders for a richer dark UI with lighter shadow strength.

Made-with: Cursor

meetings_app/ViewController.swift

@@ -65,7 +65,7 @@ private extension ViewController {
         sidebar.layer?.borderColor = palette.separator.cgColor
         sidebar.layer?.borderWidth = 1
         sidebar.layer?.shadowColor = NSColor.black.cgColor
-        sidebar.layer?.shadowOpacity = 0.25
+        sidebar.layer?.shadowOpacity = 0.18
         sidebar.layer?.shadowOffset = CGSize(width: 2, height: 0)
         sidebar.layer?.shadowRadius = 10
         sidebar.widthAnchor.constraint(equalToConstant: 210).isActive = true
@@ -340,7 +340,7 @@ private extension ViewController {
         view.layer?.borderWidth = borderWidth
         if shadow {
             view.layer?.shadowColor = NSColor.black.cgColor
-            view.layer?.shadowOpacity = 0.28
+            view.layer?.shadowOpacity = 0.22
             view.layer?.shadowOffset = CGSize(width: 0, height: -2)
             view.layer?.shadowRadius = 8
         }
@@ -469,24 +469,24 @@ private extension ViewController {
 }
 
 private struct Palette {
-    let pageBackground = NSColor(calibratedRed: 23.0 / 255.0, green: 24.0 / 255.0, blue: 24.0 / 255.0, alpha: 1)
-    let sidebarBackground = NSColor(calibratedRed: 32.0 / 255.0, green: 33.0 / 255.0, blue: 35.0 / 255.0, alpha: 1)
-    let sectionCard = NSColor(calibratedRed: 32.0 / 255.0, green: 33.0 / 255.0, blue: 35.0 / 255.0, alpha: 1)
-    let tabBarBackground = NSColor(calibratedRed: 32.0 / 255.0, green: 33.0 / 255.0, blue: 35.0 / 255.0, alpha: 1)
-    let tabIdleBackground = NSColor(calibratedRed: 32.0 / 255.0, green: 33.0 / 255.0, blue: 35.0 / 255.0, alpha: 1)
-    let inputBackground = NSColor(calibratedRed: 32.0 / 255.0, green: 33.0 / 255.0, blue: 35.0 / 255.0, alpha: 1)
-    let inputBorder = NSColor(calibratedRed: 0.14, green: 0.16, blue: 0.21, alpha: 1)
+    let pageBackground = NSColor(calibratedRed: 10.0 / 255.0, green: 11.0 / 255.0, blue: 12.0 / 255.0, alpha: 1)
+    let sidebarBackground = NSColor(calibratedRed: 16.0 / 255.0, green: 17.0 / 255.0, blue: 19.0 / 255.0, alpha: 1)
+    let sectionCard = NSColor(calibratedRed: 22.0 / 255.0, green: 23.0 / 255.0, blue: 26.0 / 255.0, alpha: 1)
+    let tabBarBackground = NSColor(calibratedRed: 22.0 / 255.0, green: 23.0 / 255.0, blue: 26.0 / 255.0, alpha: 1)
+    let tabIdleBackground = NSColor(calibratedRed: 22.0 / 255.0, green: 23.0 / 255.0, blue: 26.0 / 255.0, alpha: 1)
+    let inputBackground = NSColor(calibratedRed: 20.0 / 255.0, green: 21.0 / 255.0, blue: 24.0 / 255.0, alpha: 1)
+    let inputBorder = NSColor(calibratedRed: 38.0 / 255.0, green: 40.0 / 255.0, blue: 44.0 / 255.0, alpha: 1)
     let primaryBlue = NSColor(calibratedRed: 27.0 / 255.0, green: 115.0 / 255.0, blue: 232.0 / 255.0, alpha: 1)
-    let primaryBlueBorder = NSColor(calibratedRed: 58.0 / 255.0, green: 139.0 / 255.0, blue: 246.0 / 255.0, alpha: 1)
-    let sidebarItemSelectedBackground = NSColor(calibratedRed: 27.0 / 255.0, green: 115.0 / 255.0, blue: 232.0 / 255.0, alpha: 0.28)
-    let sidebarItemSelectedBorder = NSColor(calibratedRed: 81.0 / 255.0, green: 152.0 / 255.0, blue: 249.0 / 255.0, alpha: 0.7)
-    let cancelButton = NSColor(calibratedRed: 32.0 / 255.0, green: 33.0 / 255.0, blue: 35.0 / 255.0, alpha: 1)
-    let meetingBadge = NSColor(calibratedRed: 0.94, green: 0.73, blue: 0.19, alpha: 1)
-    let separator = NSColor(calibratedWhite: 0.10, alpha: 1)
-    let textPrimary = NSColor(calibratedWhite: 0.96, alpha: 1)
-    let textSecondary = NSColor(calibratedWhite: 0.82, alpha: 1)
-    let textTertiary = NSColor(calibratedWhite: 0.74, alpha: 1)
-    let textMuted = NSColor(calibratedWhite: 0.50, alpha: 1)
+    let primaryBlueBorder = NSColor(calibratedRed: 42.0 / 255.0, green: 118.0 / 255.0, blue: 220.0 / 255.0, alpha: 1)
+    let sidebarItemSelectedBackground = NSColor(calibratedRed: 27.0 / 255.0, green: 115.0 / 255.0, blue: 232.0 / 255.0, alpha: 0.22)
+    let sidebarItemSelectedBorder = NSColor(calibratedRed: 55.0 / 255.0, green: 125.0 / 255.0, blue: 215.0 / 255.0, alpha: 0.55)
+    let cancelButton = NSColor(calibratedRed: 20.0 / 255.0, green: 21.0 / 255.0, blue: 24.0 / 255.0, alpha: 1)
+    let meetingBadge = NSColor(calibratedRed: 0.88, green: 0.66, blue: 0.14, alpha: 1)
+    let separator = NSColor(calibratedRed: 26.0 / 255.0, green: 27.0 / 255.0, blue: 30.0 / 255.0, alpha: 1)
+    let textPrimary = NSColor(calibratedWhite: 0.98, alpha: 1)
+    let textSecondary = NSColor(calibratedWhite: 0.78, alpha: 1)
+    let textTertiary = NSColor(calibratedWhite: 0.66, alpha: 1)
+    let textMuted = NSColor(calibratedWhite: 0.44, alpha: 1)
 }
 
 private struct Typography {