Browser Developer Tools, CSS, and 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