Merge pull request #1782 from ethereum/swap_it_style_fixes_l

landing page restyleing part 1

src/app/ui/landing-page/section.js

@@ -3,23 +3,19 @@ let csjs = require('csjs-inject')
 
 var css = csjs`
   .text {
-    background-color : var(--success);
     cursor: pointer;
-    color: var(--primary);
     font-weight: normal;
+    max-width: 300px;
   }
   .text:hover {
     font-weight: bold;
   }
   .link {
     cursor: pointer;
-    background-color : var(--primary);
-    color: var(--success);
     font-weight: normal;
     text-decoration : none;
   }
   .link:hover {
-    color: var(--success);
     font-weight: bold;
     text-decoration : none;
   }
@@ -29,7 +25,7 @@ class Section {
   constructor (title, actions) {
     this.title = title
     this.actions = actions
-    this.cardStyle = (this.title === 'Workspaces') ? 'bg-success text-primary' : 'bg-primary text-success border-success'
+    this.cardStyle = (this.title === 'Workspaces') ? 'bg-success text-light' : 'bg-light text-dark border-dark'
   }
 
   render () {

src/app/ui/landing-page/workspace.js

@@ -9,35 +9,21 @@ export class Workspace {
 
 export const defaultWorkspaces = (appManager) => {
   return [
-    new Workspace('Solidity Basic', '', () => {
-      appManager.ensureActivated('solidity')
-    }, () => {}),
-    new Workspace('Solidity Unit testing', '', () => {
-      appManager.ensureActivated('solidity')
-      appManager.ensureActivated('solidityUnitTesting')
-    }, () => {}),
-    new Workspace('Solidity Full Environement', '', () => {
+    new Workspace('Solidity', '', () => {
       appManager.ensureActivated('solidity')
       appManager.ensureActivated('run')
       appManager.ensureActivated('solidityStaticAnalysis')
       appManager.ensureActivated('solidityUnitTesting')
     }, () => {}),
-    new Workspace('Vyper Basic', '', () => {
+    new Workspace('Vyper', '', () => {
       appManager.ensureActivated('vyper')
+      appManager.ensureActivated('run')
     }, () => {}),
     new Workspace('Pipeline', '', () => {
       appManager.ensureActivated('solidity')
       appManager.ensureActivated('run')
       appManager.ensureActivated('pipeline')
     }, () => {}),
-    new Workspace('Deploy and Run Solidity', '', () => {
-      appManager.ensureActivated('solidity')
-      appManager.ensureActivated('run')
-    }, () => {}),
-    new Workspace('Deploy and Run Vyper', '', () => {
-      appManager.ensureActivated('vyper')
-      appManager.ensureActivated('run')
-    }, () => {}),
     new Workspace('Debugger', '', () => {
       appManager.ensureActivated('debugger')
     }, () => {})

src/app/ui/styles/modaldialog-styles.js

@@ -56,16 +56,12 @@ var css = csjs`
     animation-duration: 0.4s
   }
   .modalFooterOk {
-    background-color: var(--light);
-    color: var(--dark);
     cursor: pointer;
   }
   .modalFooterOk:hover {
     cursor: pointer;
   }
   .modalFooterCancel {
-    background-color: var(--light);
-    color: var(--dark);
     margin-left: 1em;
     cursor: pointer;
   }