Add some comments to the theme.ts explaining the logic behind them

Keith Simmons created 3 years ago

Change summary

styles/src/themes/theme.ts | 9 +++++++++
1 file changed, 9 insertions(+)

Detailed changes

styles/src/themes/theme.ts

@@ -62,10 +62,19 @@ export interface Syntax {
 export default interface Theme {
   name: string;
   backgroundColor: {
+    // Basically just Title Bar
+    // Lowest background level
     100: BackgroundColorSet;
+    // Tab bars, panels, popovers
+    // Mid-ground
     300: BackgroundColorSet;
+    // The editor
+    // Foreground
     500: BackgroundColorSet;
+    // Hacks for elements on top of the midground
+    // Buttons in a panel, tab bar, or panel
     on300: BackgroundColorSet;
+    // Hacks for elements on top of the editor
     on500: BackgroundColorSet;
     ok: BackgroundColorSet;
     error: BackgroundColorSet;