mirror
/
remix-project
mirror of https://github.com/ethereum/remix-project.git
2
0
Fork 0
Code Issues Releases Wiki Activity

updated themes

Browse Source
pull/1/head
LianaHus 6 years ago
parent a35491bf7e
commit 32ac63a6f8
3 changed files with 31 additions and 36 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      src/app/panels/tab-proxy.js
  2. 41
      src/app/ui/contextMenu.js
  3. 22
      src/app/ui/styles-guide/theme-chooser.js

4
src/app/panels/tab-proxy.js
Unescape View File

@ -110,8 +110,8 @@ export class TabProxy {
<div class="d-flex"> <div class="d-flex">
<div class="m-1"> <div class="m-1">
<span class="p-1"> <span class="p-1">
<i class="m-1 fa fa-plus" style="color: var(--dark)" onclick=${increase} aria-hidden="true" title="increase editor font size"></i> <i class="m-1 fa fa-plus" style="color: var(--text-dark)" onclick=${increase} aria-hidden="true" title="increase editor font size"></i>
<i class="m-1 fa fa-minus" style="color: var(--dark)" onclick=${decrease} aria-hidden="true" title="decrease editor font size"></i> <i class="m-1 fa fa-minus" style="color: var(--text-dark)" onclick=${decrease} aria-hidden="true" title="decrease editor font size"></i>
</span> </span>
</div> </div>
${this._view.tabs} ${this._view.tabs}

41
src/app/ui/contextMenu.js
Unescape View File

@ -5,36 +5,29 @@ var csjs = require('csjs-inject')
var css = csjs` var css = csjs`
.container .container
{ {
display: none; display: none;
position: fixed; position: fixed;
border: 1px solid var(--primary); width:100px;
width:150px; border-radius: 2px;
border-radius: 2px; z-index: 1000;
z-index: 1000; box-shadow: 0 0 4px var(--dark);
} }
.liitem .liitem
{ {
padding: 3px; padding: 2px;
padding-left: 10px; padding-left: 6px;
cursor: pointer; cursor: pointer;
color: var(--text-dark);
background-color: var(--light)
} }
.liitem:hover
#menuitems
{ {
list-style: none; background-color: var(--secondary);
margin: 0px;
margin-top: 4px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
color: var(--dark);
} }
#menuitems
#menuitems :hover
{ {
background-color: var(--secondary); list-style: none;
border-radius: 2px; margin: 0px;
} }
` `
@ -53,7 +46,7 @@ module.exports = (event, items) => {
current.onclick = () => { hide(null, true); items[item]() } current.onclick = () => { hide(null, true); items[item]() }
return current return current
}) })
var container = yo`<div class="${css.container} bg-ligh"><ul id='menuitems'>${menu}</ul></div>` var container = yo`<div class="${css.container} bg-light"><ul id='menuitems'>${menu}</ul></div>`
container.style.left = event.pageX + 'px' container.style.left = event.pageX + 'px'
container.style.top = event.pageY + 'px' container.style.top = event.pageY + 'px'
container.style.display = 'block' container.style.display = 'block'

22
src/app/ui/styles-guide/theme-chooser.js
Unescape View File

@ -3,16 +3,18 @@ var EventEmitter = require('events')
// TODO : Put it somewhere else // TODO : Put it somewhere else
const themes = [ const themes = [
{name: 'cerulean', quality: 'light', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/cerulean/bootstrap.min.css'}, {name: 'Flatly', quality: 'light', url: 'https://bootswatch.com/4/flatly/bootstrap.min.css'},
{name: 'materia', quality: 'light', url: 'https://bootswatch.com/4/materia/bootstrap.min.css'}, {name: 'Journal', quality: 'light', url: 'https://bootswatch.com/4/journal/bootstrap.min.css'},
{name: 'litera', quality: 'light', url: 'https://bootswatch.com/4/litera/bootstrap.min.css'}, {name: 'Lumen', quality: 'light', url: 'https://bootswatch.com/4/lumen/bootstrap.min.css'},
{name: 'cosmo', quality: 'light', url: 'https://bootswatch.com/4/cosmo/bootstrap.min.css'}, {name: 'Minty', quality: 'light', url: 'https://bootswatch.com/4/minty/bootstrap.min.css'},
{name: 'flatly', quality: 'light', url: 'https://bootswatch.com/4/flatly/bootstrap.min.css'}, {name: 'Sandstone', quality: 'light', url: 'https://bootswatch.com/4/sandstone/bootstrap.min.css'},
{name: 'lux', quality: 'light', url: 'https://bootswatch.com/4/lux/bootstrap.min.css'}, {name: 'Spacelab', quality: 'light', url: 'https://bootswatch.com/4/spacelab/bootstrap.min.css'},
{name: 'spacelab', quality: 'light', url: 'https://bootswatch.com/4/spacelab/bootstrap.min.css'}, {name: 'United', quality: 'light', url: 'https://bootswatch.com/4/united/bootstrap.min.css'},
{name: 'yeti', quality: 'light', url: 'https://bootswatch.com/4/yeti/bootstrap.min.css'}, {name: 'Yeti', quality: 'light', url: 'https://bootswatch.com/4/yeti/bootstrap.min.css'},
{name: 'darkly', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/darkly/bootstrap.min.css'}, {name: 'Cyborg', quality: 'dark', url: 'https://bootswatch.com/4/cyborg/bootstrap.min.css'},
{name: 'slate', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/slate/bootstrap.min.css'} {name: 'Darkly', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/darkly/bootstrap.min.css'},
{name: 'Slate', quality: 'dark', url: 'https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/slate/bootstrap.min.css'},
{name: 'Superhero', quality: 'dark', url: 'https://bootswatch.com/4/superhero/bootstrap.min.css'}
] ]
const defaultTheme = themes[0].name const defaultTheme = themes[0].name

Write Preview
Loading…
Cancel
Save