diff --git a/components/Carbon.js b/components/Carbon.js index be5f2f43f..537d1567c 100644 --- a/components/Carbon.js +++ b/components/Carbon.js @@ -310,7 +310,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)` : ''}; @@ -321,7 +323,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}; diff --git a/components/Settings.js b/components/Settings.js index 64383f725..66faa35b3 100644 --- a/components/Settings.js +++ b/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} /> + +