Hello, when editing the static theme in the provided editor, the css selectors are categorized under headings such as 'NEUTRAL BG', 'NEUTRAL TEXT', 'GREEN TEXT', etc. I have been unable to find documentation on what exactly each header does, and on which headers are available (exhaustively). Some seem self-explanatory, although it would be nice to know precisely what rules they are applying. Can someone point me to documentation on this? Thank you!

Edit: I found this code, which seemed relevant. Here is documentation for it, let me know if it misses anything.

Available Styling Rules

1. NEUTRAL BG

• Description: Applies a neutral background color.
• Dark Theme: rgb(16, 20, 23)
• Light Theme: rgb(255, 242, 228)

2. NEUTRAL BG ACTIVE

• Description: Applies a neutral background color when the element is active (e.g., clicked or focused).
• Dark Theme: rgb(16, 20, 23)
• Light Theme: rgb(255, 242, 228)
• Hover: A lighter shade of the background color.
• Active/Focus: An even lighter shade of the background color.

3. NEUTRAL TEXT

• Description: Applies a neutral text color.
• Dark Theme: rgb(167, 158, 139)
• Light Theme: rgb(0, 0, 0)

4. NEUTRAL TEXT ACTIVE

• Description: Applies a neutral text color when the element is active (e.g., clicked or focused).
• Dark Theme: rgb(167, 158, 139)
• Light Theme: rgb(0, 0, 0)
• Hover: A lighter shade of the text color.
• Active/Focus: An even lighter shade of the text color.

5. NEUTRAL BORDER

• Description: Applies a border color based on a mix of the neutral background and text colors.
• Dark Theme: A mix of rgb(16, 20, 23) and rgb(167, 158, 139)
• Light Theme: A mix of rgb(255, 242, 228) and rgb(0, 0, 0)

6. RED BG

• Description: Applies a red background color.
• Dark Theme: rgb(64, 12, 32)
• Light Theme: rgb(255, 85, 170)

7. RED BG ACTIVE

• Description: Applies a red background color when the element is active.
• Dark Theme: rgb(64, 12, 32)
• Light Theme: rgb(255, 85, 170)
• Hover: A lighter shade of the red background color.
• Active/Focus: An even lighter shade of the red background color.

8. RED TEXT

• Description: Applies a red text color.
• Dark Theme: rgb(247, 142, 102)
• Light Theme: rgb(140, 14, 48)

9. RED TEXT ACTIVE

• Description: Applies a red text color when the element is active.
• Dark Theme: rgb(247, 142, 102)
• Light Theme: rgb(140, 14, 48)
• Hover: A lighter shade of the red text color.
• Active/Focus: An even lighter shade of the red text color.

10. RED BORDER

• Description: Applies a border color based on a mix of the red background and text colors.
• Dark Theme: A mix of rgb(64, 12, 32) and rgb(247, 142, 102)
• Light Theme: A mix of rgb(255, 85, 170) and rgb(140, 14, 48)

11. GREEN BG

• Description: Applies a green background color.
• Dark Theme: rgb(32, 64, 48)
• Light Theme: rgb(192, 255, 170)

12. GREEN BG ACTIVE

• Description: Applies a green background color when the element is active.
• Dark Theme: rgb(32, 64, 48)
• Light Theme: rgb(192, 255, 170)
• Hover: A lighter shade of the green background color.
• Active/Focus: An even lighter shade of the green background color.

13. GREEN TEXT

• Description: Applies a green text color.
• Dark Theme: rgb(128, 204, 148)
• Light Theme: rgb(0, 128, 0)

14. GREEN TEXT ACTIVE

• Description: Applies a green text color when the element is active.
• Dark Theme: rgb(128, 204, 148)
• Light Theme: rgb(0, 128, 0)
• Hover: A lighter shade of the green text color.
• Active/Focus: An even lighter shade of the green text color.

15. GREEN BORDER

• Description: Applies a border color based on a mix of the green background and text colors.
• Dark Theme: A mix of rgb(32, 64, 48) and rgb(128, 204, 148)
• Light Theme: A mix of rgb(192, 255, 170) and rgb(0, 128, 0)

16. BLUE BG

• Description: Applies a blue background color.
• Dark Theme: rgb(32, 48, 64)
• Light Theme: rgb(173, 215, 229)

17. BLUE BG ACTIVE

• Description: Applies a blue background color when the element is active.
• Dark Theme: rgb(32, 48, 64)
• Light Theme: rgb(173, 215, 229)
• Hover: A lighter shade of the blue background color.
• Active/Focus: An even lighter shade of the blue background color.

18. BLUE TEXT

• Description: Applies a blue text color.
• Dark Theme: rgb(128, 182, 204)
• Light Theme: rgb(28, 16, 171)

19. BLUE TEXT ACTIVE

• Description: Applies a blue text color when the element is active.
• Dark Theme: rgb(128, 182, 204)
• Light Theme: rgb(28, 16, 171)
• Hover: A lighter shade of the blue text color.
• Active/Focus: An even lighter shade of the blue text color.

20. BLUE BORDER

• Description: Applies a border color based on a mix of the blue background and text colors.
• Dark Theme: A mix of rgb(32, 48, 64) and rgb(128, 182, 204)
• Light Theme: A mix of rgb(173, 215, 229) and rgb(28, 16, 171)

21. FADE BG

• Description: Applies a faded background color with reduced opacity.
• Dark Theme: rgba(16, 20, 23, 0.5)
• Light Theme: rgba(0, 0, 0, 0.5)

22. FADE TEXT

• Description: Applies a faded text color with reduced opacity.
• Dark Theme: rgba(167, 158, 139, 0.5)
• Light Theme: rgba(0, 0, 0, 0.5)

23. TRANSPARENT BG

• Description: Applies a transparent background color.
• Dark Theme: transparent
• Light Theme: transparent

24. NO IMAGE

• Description: Removes any background image from the element.
• Dark Theme: background-image: none
• Light Theme: background-image: none

25. INVERT

• Description: Inverts the colors of the element.
• Dark Theme: filter: invert(100%) hue-rotate(180deg)
• Light Theme: filter: invert(100%) hue-rotate(180deg)

Special Commands

NO COMMON

• Description: Prevents the common theme from being applied to the element.
• Application: This is a boolean flag that, when set, disables the inheritance of common styles.