Change button to outlined and update version / changelog (#58)

Author: Pive01

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.5.6] — 2025-06-24
+
+### Changed
+
+- Fixed white theme button disappearing issue
+
 ## [0.5.4] — 2025-06-12
 
 ### Changed

Makefile

@@ -1,5 +1,5 @@
 IMAGE?=localstack/localstack-docker-desktop
-TAG?=0.5.5
+TAG?=0.5.6
 
 BUILDER=buildx-multi-arch
 

ui/src/components/Feedback/ConfirmableButton.tsx

@@ -79,7 +79,7 @@ export const ConfirmableButton = ({
           <Button
             autoFocus
             color= {okColor || 'error'}
-            variant='contained'
+            variant='outlined'
             onClick={(event: MouseEvent<HTMLButtonElement>) => {
               if (rest.onClick) rest.onClick(event as any); // eslint-disable-line
               setShowConfirmDialog(false);

ui/src/components/Header/Controller.tsx

@@ -174,7 +174,7 @@ export const Controller = (): ReactElement => {
       <ButtonGroup variant='outlined'>
         {(isRunning && !isStarting) ?
           <ProgressButton
-            variant='contained'
+            variant='outlined'
             loading={isStopping}
             onClick={stop}
             startIcon={<Stop />}>
@@ -196,7 +196,7 @@ export const Controller = (): ReactElement => {
             </FormControl>
             <Box>
               <ProgressButton
-                variant='contained'
+                variant='outlined'
                 loading={isStarting}
                 onClick={start}
                 startIcon={<PlayArrow />}>

ui/src/components/Views/Configs/ConfigPage.tsx

@@ -77,12 +77,12 @@ export const ConfigPage = (): ReactElement => {
       <ButtonGroup className={classes.addButton}>
         <Button
           endIcon={<AddIcon />}
-          variant='contained'
+          variant='outlined'
           onClick={() => openModalSetup()}
         >
           New
         </Button>
-        <Button onClick={() => mountPoint.setMountPointData({ ...mountPoint, showForm: true })}>
+        <Button variant='outlined' onClick={() => mountPoint.setMountPointData({ ...mountPoint, showForm: true })}>
           Change mount point
         </Button>
       </ButtonGroup>