Added Border Radius (Corner Radius) option to Settings > Window menu carbon-app#1412

Author: AlexAdasCca

components/Carbon.js

@@ -314,7 +314,9 @@ class Carbon extends React.PureComponent {
               min-width: inherit;
               position: relative;
               z-index: 1;
-              border-radius: 5px;
+              ${config.borderRadius
+                ? `border-radius: ${config.borderRadius};`
+                : 'border-radius: 5px'};
               ${config.dropShadow
                 ? `box-shadow: 0 ${config.dropShadowOffsetY} ${config.dropShadowBlurRadius} rgba(0, 0, 0, 0.55)`
                 : ''};
@@ -325,7 +327,10 @@ class Carbon extends React.PureComponent {
               min-width: inherit;
               padding: 18px 18px;
               padding-left: 12px;
-              ${config.lineNumbers ? 'padding-left: 12px;' : ''} border-radius: 5px;
+              ${config.lineNumbers ? 'padding-left: 12px;' : ''}
+              ${config.borderRadius
+                ? `border-radius: ${config.borderRadius};`
+                : 'border-radius: 5px'};
               font-family: ${config.fontFamily}, monospace !important;
               font-size: ${config.fontSize};
               line-height: ${config.lineHeight};

components/Settings.js

@@ -23,6 +23,7 @@ function KeyboardShortcut({ trigger, handle }) {
 function WindowSettings({
   onChange,
   windowTheme,
+  borderRadius,
   paddingHorizontal,
   paddingVertical,
   dropShadow,
@@ -42,6 +43,14 @@ function WindowSettings({
         windowControls={windowControls}
         onChange={onChange}
       />
+      <Slider
+          label="Corner Radius"
+          value={borderRadius}
+          minValue={0}
+          maxValue={25}
+          onChange={onChange.bind(null, 'borderRadius')}
+      />
+
       <div className="row">
         <Slider
           label="Padding (vert)"
@@ -375,6 +384,7 @@ class Settings extends React.PureComponent {
             onWidthChanging={this.handleWidthChanging}
             onWidthChanged={this.handleWidthChanged}
             windowTheme={this.props.windowTheme}
+            borderRadius={this.props.borderRadius}
             paddingHorizontal={this.props.paddingHorizontal}
             paddingVertical={this.props.paddingVertical}
             dropShadow={this.props.dropShadow}

lib/constants.js

@@ -1093,6 +1093,7 @@ export const DEFAULT_SETTINGS = {
   backgroundImageSelection: null,
   backgroundMode: 'color',
   backgroundColor: DEFAULT_BG_COLOR,
+  borderRadius: '5px',
   dropShadow: true,
   dropShadowOffsetY: '20px',
   dropShadowBlurRadius: '68px',