Icon Effects - nahtedetihw/SnowboardWIKI GitHub Wiki

To add Icon Effects you need to download "Snowboard Icon Effects Extension" and to mask the icons you need to download "Snowboard Icon Masks Extension" from Spark's Repo

Note: the prefix @3x is used mostly for Plus devices (iPhone Plus/X/XS/11 Pro/11 Pro Max) and @2x for regular size devices (iPhone 5s/SE/6/7/8/XR/11) See here for more information on scales: https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution/

Let's get started.

Icon Masks

All files need to be placed inside CustomTheme.theme/Bundles/com.apple.mobileicons.framework

Icons

  • AppIconMask@2x~iphone.png (size 120x120)
  • AppIconMask@3x~iphone.png (size 180x180)
  • AppIconMask@2x~ipad.png (size 152x152)

Notification icons

Spotlight icons

Settings Icons

To enable mask theming, you need to add an Info.plist inside CustomTheme.theme

Here's an example:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>

	<key>PackageName</key>
	<string>CustomTheme</string>

        <key>IB-MaskIcons</key>
	<true/>
</dict>
</plist>

Icon Overlays and Shadows

All files need to be placed inside CustomTheme.theme/AnemoneEffects

Overlays

Shadows

Here's a theme preview:

  • Mask

mask

  • Icon Effect

icon effect

As of iOS 13, the icon view sizes are slightly larger (64 rather than 60). Most modern themes have accounted for this by enlarging the shadow image size, but Icon Effects extension now supports making up for this size. To enable this, either enable it from the SnowBoard Settings Pane > Extensions > "Settings" next to the Icon Effects extension

This can also be force enabled by a theme by adding "ForceResizeShadow" to your theme's info.plist and setting it to TRUE.

This can be useful if you want to fix an older theme's shadow without resizing it manually.

⚠️ **GitHub.com Fallback** ⚠️