NowWebColoring protocol - iOS
Summarize
Summary of NowWebColoring protocol - iOS
The NowWebColoring protocol is designed to define and manage the default color values used in web pages hosted on your ServiceNow instance within a native web view. This includes settings for various interface elements and alerts, ensuring a consistent visual experience across your application.
Show less
Key Features
- Default Colors: The protocol specifies default colors for alerts, backgrounds, and text, categorized into critical, positive, low, and warning alerts.
- Customizability: You can override the default colors to better suit your branding or user experience needs.
- Integration: The color properties are accessible through the public extension, allowing easy implementation within your project.
Key Outcomes
By utilizing the NowWebColoring protocol, ServiceNow customers can:
- Ensure visual consistency in web interfaces across different environments.
- Easily modify color schemes to align with brand guidelines or user preferences.
- Utilize a predefined set of colors for alerts and messages, improving user comprehension and interface navigation.
The NowWebColoring protocol provides default values for the colors used within web pages hosted on your ServiceNow instance in a native web view.
The colors specified in the table below define the default web interface colors.
| Name | Description |
|---|---|
| alertCritical0 | Background color applied to the error banner. Default dark color: #7B1E28 Default light color: #F8C8CD |
| alertCritical3 | Text color applied to the error text banner. Default dark color: #E46876 Default light color: #B61C2D |
| alertLow0 | Background color applied to the info banner. Default dark color: #DBDBDE Default light color: #DBDBDE |
| alertPositive0 | Background color of the banner that displays success messages. Default dark color: #CADFC0 Default light color: #CADFC0 |
| alertPositive3 | Text color of the banner that displays success messages. Default dark color: #3B7F00 Default light color: #3B7F00 |
| alertWarning0 | Background color applied to the warning banner. Default dark color: #FBF7BF Default light color: #FBF7BF |
| backgroundPrimary | Background color applied to the view containing the web view. Default dark color: #07080B Default light color: #FFFFFF |
| brand | Color applied to the activity indicator shown while loading pages. Default dark color: #302F4B Default light color: #302F4B |
| primary | Tint color applied to action sheet on the web screen. Default dark color: #8486FF Default light color: #4F52BD |
| screenHeaderBackground | Text color applied to button badges. This color is also applied to a thin border around the badge. Default dark color: #CADFC0 Default light color: #CADFC0 |
| screenHeaderText |
Default dark color: #FFFFFF Default light color: #FFFFFF |
| textActionble | Text color for action button. Default dark color: #07080B Default light color: #FFFFFF |
| textPrimary | Text color applied to font. Default dark color: #FFFFFF Default light color: #151920 |
| webPageThemeId | Sys_id of the theme to apply to the ServiceNow web pages loaded by NowWeb. Default: Configured default theme Table: Located in the UX Theme [sys_ux_theme] table. |
| webPageThemeVariantId | Sys_id of the theme variant to apply to the ServiceNow web pages loaded by NowWeb. Default: Configured default theme variant Table: Located in the UX Style [sys_ux_style] table. |
The following shows the default colors used for NowWebColoring. You can override any or all of these colors.
public extension NowWebColoring {
var brand: UIColor { nowUIColor.brand }
var primary: UIColor { nowUIColor.primary }
var textPrimary: UIColor {
nowUIColor.textPrimary.withAlphaComponent(0.25)
}
var screenHeaderText: UIColor { nowUIColor.screenHeaderText }
var screenHeaderBackground: UIColor { nowUIColor.screenHeaderBackground }
var textActionble: UIColor {
nowUIColor.textActionable
}
var alertCritical0: UIColor { nowUIColor.alertCritical0 }
var alertCritical3: UIColor { nowUIColor.alertCritical3 }
var alertPositive0: UIColor { nowUIColor.alertPositive0 }
var alertPositive3: UIColor { nowUIColor.alertPositive3 }
var alertLow0: UIColor { nowUIColor.alertLow0 }
var alertWarning0: UIColor { nowUIColor.alertWarning0 }
var backgroundPrimary: UIColor { nowUIColor.backgroundPrimary }
}