Update button styles (#179)

Warning button is styled similarly to a secondary button. 
The white background from secondary-like buttons has been removed.

Author: microbit-robert

src/components/StandardButton.svelte

@@ -43,21 +43,20 @@
         'hover:bg-brand-600 hover:border-brand-600 active:bg-brand-700 active:border-brand-700',
     },
     secondary: {
-      base: 'font-bold rounded-4xl bg-white text-brand-700 border-solid border-2 border-brand-500',
+      base: 'font-bold rounded-4xl text-brand-700 border-solid border-2 border-brand-500',
       enabled: 'hover:border-brand-600 active:border-brand-700 active:bg-brand-50',
     },
     warning: {
-      base: 'font-bold rounded-4xl bg-red-600 text-white border-solid border-2 border-red-600',
-      enabled:
-        'hover:bg-red-700 hover:border-red-700 active:bg-red-800 active:border-red-800',
+      base: 'font-bold rounded-4xl text-red-600 border-solid border-2 border-red-600',
+      enabled: 'hover:border-red-700 active:border-red-700 active:bg-red-50',
     },
   };
 </script>
 
 <div class="grid grid-cols-1 place-items-center">
   <button
     {disabled}
-    class="{classes[type].base} {disabled
+    class="{$$restProps.class || ''} {classes[type].base} {disabled
       ? ''
       : classes[type].enabled} outline-none disabled:opacity-60 {type === 'link'
       ? ''

src/components/bottom/ConnectedLiveGraphButtons.svelte

@@ -30,6 +30,7 @@
         <!-- Output MB is not in the connection process -->
         <StandardButton
           onClick={handleOutputDisconnectClick}
+          class="bg-white"
           type="secondary"
           size="small">{$t('menu.model.disconnect')}</StandardButton>
       {:else}
@@ -43,8 +44,11 @@
       <StandardButton onClick={startConnectionProcess} type="primary" size="small"
         >{$t('footer.connectButton')}</StandardButton>
     {:else}
-      <StandardButton onClick={handleInputDisconnectClick} type="secondary" size="small"
-        >{$t('footer.disconnectButton')}</StandardButton>
+      <StandardButton
+        onClick={handleInputDisconnectClick}
+        class="bg-white"
+        type="secondary"
+        size="small">{$t('footer.disconnectButton')}</StandardButton>
     {/if}
   </div>
 </div>