diff options
Diffstat (limited to 'web')
-rw-r--r-- | web/react/components/user_settings/custom_theme_chooser.jsx | 10 | ||||
-rw-r--r-- | web/sass-files/sass/partials/_settings.scss | 9 | ||||
-rw-r--r-- | web/static/images/themes/code_themes/github.png | bin | 9648 -> 18321 bytes | |||
-rw-r--r-- | web/static/images/themes/code_themes/monokai.png | bin | 9303 -> 18119 bytes | |||
-rw-r--r-- | web/static/images/themes/code_themes/solarized_dark.png | bin | 8172 -> 17856 bytes | |||
-rw-r--r-- | web/static/images/themes/code_themes/solarized_light.png | bin | 8860 -> 17934 bytes |
6 files changed, 15 insertions, 4 deletions
diff --git a/web/react/components/user_settings/custom_theme_chooser.jsx b/web/react/components/user_settings/custom_theme_chooser.jsx index 986b0b2fd..895d0c500 100644 --- a/web/react/components/user_settings/custom_theme_chooser.jsx +++ b/web/react/components/user_settings/custom_theme_chooser.jsx @@ -76,7 +76,7 @@ export default class CustomThemeChooser extends React.Component { > <label className='custom-label'>{element.uiName}</label> <div - className='input-group dropdown' + className='input-group theme-group dropdown' id={element.id} > <select @@ -87,9 +87,11 @@ export default class CustomThemeChooser extends React.Component { > {codeThemeOptions} </select> - <img - src={'/static/images/themes/code_themes/' + theme[element.id] + '.png'} - /> + <span className='input-group-addon'> + <img + src={'/static/images/themes/code_themes/' + theme[element.id] + '.png'} + /> + </span> </div> </div> ); diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss index 3be83ed2f..b304450bc 100644 --- a/web/sass-files/sass/partials/_settings.scss +++ b/web/sass-files/sass/partials/_settings.scss @@ -125,6 +125,15 @@ } .appearance-section { + .theme-group { + .input-group-addon { + padding: 4px 5px; + width: 40px; + img { + border: 1px solid rgba(black, 0.15); + } + } + } .premade-themes { margin-bottom: 10px; .theme-label { diff --git a/web/static/images/themes/code_themes/github.png b/web/static/images/themes/code_themes/github.png Binary files differindex d0538d6c0..a49b877b1 100644 --- a/web/static/images/themes/code_themes/github.png +++ b/web/static/images/themes/code_themes/github.png diff --git a/web/static/images/themes/code_themes/monokai.png b/web/static/images/themes/code_themes/monokai.png Binary files differindex 8f92d2a18..a71225b68 100644 --- a/web/static/images/themes/code_themes/monokai.png +++ b/web/static/images/themes/code_themes/monokai.png diff --git a/web/static/images/themes/code_themes/solarized_dark.png b/web/static/images/themes/code_themes/solarized_dark.png Binary files differindex 76055c678..07774ff20 100644 --- a/web/static/images/themes/code_themes/solarized_dark.png +++ b/web/static/images/themes/code_themes/solarized_dark.png diff --git a/web/static/images/themes/code_themes/solarized_light.png b/web/static/images/themes/code_themes/solarized_light.png Binary files differindex b9595c22d..fc71dbb87 100644 --- a/web/static/images/themes/code_themes/solarized_light.png +++ b/web/static/images/themes/code_themes/solarized_light.png |