Browser Developer Tools, CSS Styles, CSS Custom Properties, and DWC Themes

This chapter covers the browser's Developer Tools, CSS fundamentals, CSS custom properties, and DWC themes.

Concepts Covered in This Chapter

• CSS Pseudo-Classes
• Shadow DOM's
• Apply Classes and inject CSS Files in BBj
• Accessing the browser's Developer Tools
• A brief tour of the Developer Tools and their major features
• Modifying the text and style of a BBjControl in the Developer Tools
• An introduction to the DWC's CSS custom properties
• The DWC's App Themes
• Modifying a BBjControl's Style Properties
• Using Directives to Inject JavaScript and CSS Dynamically
• The Web Component Architecture and the Shadow DOM
• Font Size Compatibility
• Adding a Light/Dark Mode Toggle to an App
• Using the DWC Themer to Create CSS Themes
• Applying Saved CSS Themes to DWC Apps

Sections

• Introduction to CSS
• Introduction to the Browser's Developer Tools
• CSS Styles and CSS Custom Properties
• DWC Themes