pgadmin4 follows naming convention similar to Bootstrap for color variables.
The current app may have more colors than what is included here. When a color is encountered in the app that is not documented here, default to replacing that color with one that is documented here.
Each color listed on this page can be used for Background, Text, and Border. Pre-pend each class name with .bg- or .text- or .border- to use as background or border.
These colors should be used in the SCSS files. The name of the colors suggests where to use the variable. The primary color should be used to call attention to the main part of the app. Use sparingly.
For text, avoid using black or #000 to lower the contrast between the background and text.
Use these variables for foreground and background colors instead of white and black respectively. This will help in switching the colors easily if planned for a dark theme.
These are the color variables used by SQL editor