Start on welcome experience settings

styles/src/styleTree/app.ts

@@ -20,6 +20,7 @@ import contactList from "./contactList"
 import incomingCallNotification from "./incomingCallNotification"
 import { ColorScheme } from "../themes/common/colorScheme"
 import feedback from "./feedback"
+import welcome from "./welcome"
 
 export default function app(colorScheme: ColorScheme): Object {
     return {
@@ -33,6 +34,7 @@ export default function app(colorScheme: ColorScheme): Object {
         incomingCallNotification: incomingCallNotification(colorScheme),
         picker: picker(colorScheme),
         workspace: workspace(colorScheme),
+        welcome: welcome(colorScheme),
         contextMenu: contextMenu(colorScheme),
         editor: editor(colorScheme),
         projectDiagnostics: projectDiagnostics(colorScheme),

styles/src/styleTree/welcome.ts

@@ -0,0 +1,34 @@
+
+import { ColorScheme } from "../themes/common/colorScheme";
+import { border } from "./components";
+
+export default function welcome(colorScheme: ColorScheme) {
+    let layer = colorScheme.highest;
+
+    // TODO
+    let checkbox_base = {
+        background: colorScheme.ramps.red(0.5).hex(),
+        cornerRadius: 8,
+        padding: {
+            left: 8,
+            right: 8,
+            top: 4,
+            bottom: 4,
+        },
+        shadow: colorScheme.popoverShadow,
+        border: border(layer),
+        margin: {
+            left: -8,
+        },
+    };
+
+    return {
+        checkbox: {
+            width: 9,
+            height: 9,
+            unchecked: checkbox_base,
+            checked: checkbox_base,
+            hovered: checkbox_base
+        }
+    }
+}