From 533ba474f1ecccd3911ef023a4faba02c8f2c564 Mon Sep 17 00:00:00 2001
From: Keith Simmons <keith@the-simmons.net>
Date: Fri, 22 Apr 2022 14:23:52 -0700
Subject: [PATCH] Add some comments to the theme.ts explaining the logic behind
 them

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

diff --git a/styles/src/themes/theme.ts b/styles/src/themes/theme.ts
index fef611d1b1..aa422e0330 100644
--- a/styles/src/themes/theme.ts
+++ b/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;