FreshRSS/NetNewsWire
1
0
Fork 0
mirror of https://github.com/Ranchero-Software/NetNewsWire.git synced 2025-01-19 21:09:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix formatting in DarkMode.md

Browse Source 
Hopefully correctly interpreted from original text :)
This commit is contained in:
Eric O'Connell 2018-10-16 21:43:04 -07:00 committed by GitHub
parent 485bde7ff2
commit e8f2fe3d64
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 40 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
Technotes/DarkMode.md
View File

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