feat(automationPlugin): update background color to transparent and simplify button class

packages/plugin-dev/automations/src/app/App.css

@@ -23,6 +23,11 @@
   --pico-form-element-color: var(--text-color);
 }
 
+html,
+body {
+  background-color: transparent;
+}
+
 /* Force primary button color */
 button:not(.outline):not(.secondary):not(.contrast):not(.close-btn) {
   background-color: var(--c-primary);
@@ -69,7 +74,7 @@ body {
   font-family:
     -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
     'Helvetica Neue', sans-serif;
-  background-color: var(--bg-color);
+  background-color: transparent;
   color: var(--text-color);
 }
 

packages/plugin-dev/automations/src/app/components/RuleList.tsx

@@ -51,9 +51,7 @@ export function RuleList(props: RuleListProps) {
           <button class="outline" onClick={props.onExport} style={{ 'margin-right': '0.5rem' }}>
             Export
           </button>
-          <button class="outline" onClick={props.onCreate}>
-            + New Rule
-          </button>
+          <button onClick={props.onCreate}>+ New Rule</button>
         </div>
       </div>