some ui fixes

app/features/onboarding/components/OnboardingModal.js

@@ -55,14 +55,14 @@ class OnboardingModal extends Component<Props, *> {
         return (
             <Modal
                 actions = { [
-                    {
-                        onClick: this._skip,
-                        text: t('onboarding.skip')
-                    },
                     {
                         onClick: this._next,
                         text: t('onboarding.startTour')
                     },
+                    {
+                        onClick: this._skip,
+                        text: t('onboarding.skip')
+                    }
                 ] }
                 heading = { t('onboarding.welcome', { appName: config.appName }) }
                 image = { OnboardingModalImage } >

app/features/recent-list/styled/ConferenceCard.js

@@ -3,7 +3,7 @@
 import styled from 'styled-components';
 
 export default styled.div`
-    background: #1754A9;
+    background: #82ad29;
     border-radius: 0.5em;
     color: white;
     display: grid;

app/features/recent-list/styled/Label.js

@@ -3,6 +3,6 @@
 import styled from 'styled-components';
 
 export default styled.span`
-    color: white;
+    color: #82ad29;
     padding: 1em;
 `;

app/features/welcome/components/Welcome.js

@@ -275,12 +275,12 @@ class Welcome extends Component<Props, State> {
                                 shouldFitContainer = { true }
                                 type = 'text'
                                 value = { this.state.url } />
-                            <Button
-                                appearance = 'primary'
-                                onClick = { this._onJoin }
-                                type = 'button'>
-                                { t('go') }
-                            </Button>
+                                <button
+                                    style={{ backgroundColor: '#82ad29', cursor: 'pointer', color: 'white', border: 'none', padding: '12px' }}
+                                    onClick = { this._onJoin }
+                                    type = 'button'>
+                                        { t('go') }
+                                </button>
                         </FieldWrapper>
                     </Form>
                 </SpotlightTarget>

app/features/welcome/styled/Label.js

@@ -3,6 +3,6 @@
 import styled from 'styled-components';
 
 export default styled.span`
-    color: white;
+    color: #82ad29;
     font-weight: bold;
 `;

app/features/welcome/styled/Wrapper.js

@@ -3,7 +3,7 @@
 import styled from 'styled-components';
 
 export default styled.div`
-    background: #1D69D4;
+    background: #f2f2f2;
     display: flex;
     flex-direction: column;
     height: 100vh;