diff --git a/Technotes/DarkMode.md b/Technotes/DarkMode.md index 70cfb4788..4590bf84a 100644 --- a/Technotes/DarkMode.md +++ b/Technotes/DarkMode.md @@ -3,52 +3,48 @@ https://developer.apple.com/documentation/appkit/supporting_dark_mode_in_your_interface https://developer.apple.com/videos/play/wwdc2018/210/ -Accent colors -Can do preference for content — see Mail for example -linkColor — see if can use in web view -icons in sidebar should not be vibrant -Use opaque grayscale colors, not opacity, on top of vibrancy -Colors in asset catalogs - Specify for different appearances - High contrast colors -Dynamic system colors -Resolved at draw time -Pictures in asset catalogs -Template images - contentTintColor new API - NSImageView, NSButton -Render as template image thing in IB -controlAccentColor -color.withSystemEffect(.pressed) -Avoid nonsemantic materials -Semantic materials: popover, menu, sidebar, selection, titlebar, etc. -visualEffectView.material = .popover -Desktop tinted background: window background, underpage, content background -contentBackground default for collection views -Use NSAppearance to override inheritance -.aqua -.darkAqua -effectiveAppearance +- Accent colors +- Can do preference for content — see Mail for example +- linkColor — see if can use in web view +- icons in sidebar should not be vibrant +- Use opaque grayscale colors, not opacity, on top of vibrancy +- Colors in asset catalogs + - Specify for different appearances + - High contrast colors +- Dynamic system colors +- Resolved at draw time +- Pictures in asset catalogs +- Template images + - contentTintColor new API - NSImageView, NSButton +- Render as template image thing in IB +- controlAccentColor +- color.withSystemEffect(.pressed) +- Avoid nonsemantic materials +- Semantic materials: popover, menu, sidebar, selection, titlebar, etc. +- visualEffectView.material = .popover +- Desktop tinted background: window background, underpage, content background +- contentBackground default for collection views +- Use NSAppearance to override inheritance +- .aqua +- .darkAqua +- effectiveAppearance Advanced Dark Mode: https://developer.apple.com/videos/play/wwdc2018/218/ -Build with 10.14 SDK -NSAppearanceCustomization -NSView, NSWindow conforms -NSWindow.appearanceSource -Configure NSBox to fill color to get desired material -visualEffectView.maskImage - Can do drawing handler images - for instance with a path -backgroundStyle on rows - .normal and .emphasized +- Build with 10.14 SDK +- NSAppearanceCustomization +- NSView, NSWindow conforms +- NSWindow.appearanceSource +- Configure NSBox to fill color to get desired material +- visualEffectView.maskImage + - Can do drawing handler images - for instance with a path +- backgroundStyle on rows - .normal and .emphasized -Backward deployment… -Most system colors are available pre-Mo -Asset catalogs available on 10.13 -Find hardcoded colors, use asset catalog colors -NSColor(named: "SomeColor") -Prefer block-based image drawing instead of lockFocus -Prefer NSTextField to drawing strings - - - - +- Backward deployment… +- Most system colors are available pre-Mo +- Asset catalogs available on 10.13 +- Find hardcoded colors, use asset catalog colors +- NSColor(named: "SomeColor") +- Prefer block-based image drawing instead of lockFocus +- Prefer NSTextField to drawing strings