feat: added pallete explanation

ballerine-io · Jun 27, 2024 · c1bec6a · c1bec6a
1 parent f7f834a
commit c1bec6a
Showing 1 changed file with 6 additions and 21 deletions.
diff --git a/websites/docs/src/content/docs/en/collection-flow/theming.mdx b/websites/docs/src/content/docs/en/collection-flow/theming.mdx
@@ -50,14 +50,7 @@ Will be used in case if UIDefinition doesnt have theme.
       },
       "accent": {
         "color": "226, 100%, 97%",
-        "foreground": "222.2 47.4% 11.2%"
       }
-    },
-    "elements": {
-      "ring": "215 20.2% 65.1%",
-      "border": "214.3 31.8% 91.4%",
-      "input": "214.3 31.8% 91.4%",
-      "radius": "0.5rem"
     }
   }
 ```
@@ -83,14 +76,7 @@ Will be used in case if UIDefinition doesnt have theme.
             },
             "accent": {
                 "color": "0, 0%, 13%",
-                "foreground": "222.2 47.4% 11.2%"
             }
-        },
-        "elements": {
-            "ring": "215 20.2% 65.1%",
-            "border": "214.3 31.8% 91.4%",
-            "input": "214.3 31.8% 91.4%",
-            "radius": "0.5rem"
         }
     }
 ```
@@ -111,14 +97,13 @@ Will be used in case if UIDefinition doesnt have theme.
       },
       "accent": {
         "color": "93, 100%, 89%",
-        "foreground": "222.2 47.4% 11.2%"
       }
     },
-    "elements": {
-      "ring": "215 20.2% 65.1%",
-      "border": "214.3 31.8% 91.4%",
-      "input": "214.3 31.8% 91.4%",
-      "radius": "0.5rem"
-    }
   }
   ```
+
+### Theme Breakdown
+`bg-primary` - Used as background for Sidebar, Language Picker, Submit Button
+`text-primary` - User as text-color for text within Submit Button, Form Container, Language Picker, Sidebar
+`bg-accent` - Used as background color for content.
+`secondary` - Used in Checkbox List