From 29f43b95c936bd52bd203cba51f44a742c3ffaff Mon Sep 17 00:00:00 2001 From: Rob Stupay Date: Wed, 25 Oct 2017 14:13:43 +0200 Subject: [PATCH 01/13] update of colors for metropolis v.01 --- assets/img/remix-redesign-white-512w_v0.1.gif | Bin 0 -> 9346 bytes src/app/editor/editor.js | 17 +++++++++++++++++ src/app/files/file-explorer.js | 3 +++ src/app/panels/editor-panel.js | 2 +- src/app/panels/righthand-panel.js | 2 +- src/app/panels/terminal.js | 12 ++++++++---- src/universal-dapp.js | 15 +++++++++------ 7 files changed, 39 insertions(+), 12 deletions(-) create mode 100644 assets/img/remix-redesign-white-512w_v0.1.gif diff --git a/assets/img/remix-redesign-white-512w_v0.1.gif b/assets/img/remix-redesign-white-512w_v0.1.gif new file mode 100644 index 0000000000000000000000000000000000000000..2bcbba86eb55f50e423ffac16943463607c5ac3f GIT binary patch literal 9346 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 T>U&l8?kBg?NBSTj;K=_0{0;ip literal 0 HcmV?d00001 diff --git a/src/app/editor/editor.js b/src/app/editor/editor.js index 794f4578ef..e85e856fc0 100644 --- a/src/app/editor/editor.js +++ b/src/app/editor/editor.js @@ -4,6 +4,16 @@ var EventManager = remixLib.EventManager var yo = require('yo-yo') var csjs = require('csjs-inject') var ace = require('brace') + +// var aceCss = editor.setTheme("bace/theme/twilight"); +// require('brace/theme/solarized_dark') +// require('brace/theme/clouds_midnight') +// require('brace/theme/pastel_on_dark') +// require('brace/theme/tomorrow_night') +require('brace/theme/tomorrow_night_blue') +// require('brace/theme/tomorrow_night_eighties') +// require('brace/theme/twilight') + var Range = ace.acequire('ace/range').Range require('brace/ext/language_tools') require('brace/ext/searchbox') @@ -54,6 +64,13 @@ function Editor (opts = {}) { var self = this var el = yo`
` var editor = ace.edit(el) + // editor.setTheme('ace/theme/solarized_dark') + // editor.setTheme('ace/theme/clouds_midnight') + // editor.setTheme('ace/theme/pastel_on_dark') + // editor.setTheme('ace/theme/tomorrow_night') + editor.setTheme('ace/theme/tomorrow_night_blue') + // editor.setTheme('ace/theme/tomorrow_night_eighties') + // editor.setTheme('ace/theme/twilight') ace.acequire('ace/ext/language_tools') editor.setOptions({ enableBasicAutocompletion: true, diff --git a/src/app/files/file-explorer.js b/src/app/files/file-explorer.js index b8dcb52d8a..2a6f938083 100755 --- a/src/app/files/file-explorer.js +++ b/src/app/files/file-explorer.js @@ -24,6 +24,9 @@ var css = csjs` font-size : 14px; cursor : pointer; } + .file { + color : ${styles.leftPanel.text_Teriary}; + } .hasFocus { background-color : ${styles.leftPanel.backgroundColor_FileExplorer}; } diff --git a/src/app/panels/editor-panel.js b/src/app/panels/editor-panel.js index 7610715368..ee00bc6b18 100644 --- a/src/app/panels/editor-panel.js +++ b/src/app/panels/editor-panel.js @@ -20,7 +20,7 @@ var cssTabs = yo` display: table-cell; text-align: center; vertical-align: middle; - color: ${styles.editor.text_Secondary}; + color: ${styles.editor.text_Teriary}; } #files .file.active { color: ${styles.editor.text_Primary}; diff --git a/src/app/panels/righthand-panel.js b/src/app/panels/righthand-panel.js index bbfc25a7f4..7ea030cc73 100644 --- a/src/app/panels/righthand-panel.js +++ b/src/app/panels/righthand-panel.js @@ -66,7 +66,7 @@ var css = csjs` color: ${styles.rightPanel.text_Primary}; } .opts_li:hover { - color: ${styles.rightPanel.text_Secondary}; + color: ${styles.rightPanel.icon_HoverColor_TogglePanel}; } .dragbar { position : absolute; diff --git a/src/app/panels/terminal.js b/src/app/panels/terminal.js index 966eacdab6..7e17b98196 100644 --- a/src/app/panels/terminal.js +++ b/src/app/panels/terminal.js @@ -76,14 +76,14 @@ var css = csjs` } .terminal::after { content : ""; - background-image : url(assets/img/remix_logo_512x512.svg); - opacity : 0.1; + background-image : url(assets/img/remix-redesign-white-512w_v0.1.gif); + opacity : .1; top : 15%; left : 33%; bottom : 0; right : 0; position : absolute; - z-index : -1; + z-index : 1; background-repeat : no-repeat; background-size : 45%; } @@ -101,13 +101,17 @@ var css = csjs` .cli { line-height : 1.7em; font-family : monospace; + background-color : ${styles.terminal.backgroundColor_TerminalCLI}; + padding : .4em; + color : ${styles.appProperties.mainText_Color}; + border-top : solid 2px ${styles.terminal.bar_Ghost}; } .prompt { margin-right : 0.5em; font-family : monospace; font-weight : bold; font-size : large; - color : ${styles.colors.black}; + color : ${styles.appProperties.supportText_OppositeColor}; } .input { word-break : break-all; diff --git a/src/universal-dapp.js b/src/universal-dapp.js index f7da8f5174..95e3121a8e 100644 --- a/src/universal-dapp.js +++ b/src/universal-dapp.js @@ -28,8 +28,7 @@ var css = csjs` align-items: center; } .title { - ${styles.rightPanel.runTab.dropdown_RunTab} - margin-top: 5px; + ${styles.rightPanel.runTab.titlebox_RunTab} display: flex; justify-content: end; align-items: center; @@ -50,6 +49,10 @@ var css = csjs` word-break: break-word; min-width: 230px; } + + .title .copy { + color: ${styles.rightPanel.runTab.icon_AltColor_Instance_CopyToClipboard}; + } .instance { ${styles.rightPanel.runTab.box_Instance} margin-bottom: 10px; @@ -114,11 +117,11 @@ var css = csjs` border-color: lightgray; } .call { - background-color: ${styles.colors.lightRed}; - border-color: ${styles.colors.lightRed}; + background-color: ${styles.colors.blueFairyDust}; + border-color: ${styles.colors.blueFairyDust}; } .constant .call { - background-color: ${styles.colors.lightBlue}; + background-color: ${styles.colors.blueMascara}; border-color: ${styles.colors.lightBlue}; width: 25%; outline: none; @@ -135,7 +138,7 @@ var css = csjs` box-sizing: border-box; float: left; align-self: center; - color: ${styles.colors.grey}; + color: ${styles.colors.black}; } .hasArgs input { display: block; From c109626924e9d532dc7035bab86f57325e2d76ed Mon Sep 17 00:00:00 2001 From: Rob Stupay Date: Mon, 27 Nov 2017 12:43:53 +0100 Subject: [PATCH 02/13] updates for remix theme --- assets/img/remix_logo_blue_512x512.svg | 77 +++++++++++++++++++++++++ assets/img/remix_logo_white_512x512.svg | 77 +++++++++++++++++++++++++ src/app/panels/editor-panel.js | 1 + src/app/panels/righthand-panel.js | 3 +- src/app/tabs/run-tab.js | 4 +- src/app/ui/renderer.js | 1 - src/universal-dapp.js | 7 +-- 7 files changed, 162 insertions(+), 8 deletions(-) create mode 100644 assets/img/remix_logo_blue_512x512.svg create mode 100644 assets/img/remix_logo_white_512x512.svg diff --git a/assets/img/remix_logo_blue_512x512.svg b/assets/img/remix_logo_blue_512x512.svg new file mode 100644 index 0000000000..dd13cf62bd --- /dev/null +++ b/assets/img/remix_logo_blue_512x512.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/remix_logo_white_512x512.svg b/assets/img/remix_logo_white_512x512.svg new file mode 100644 index 0000000000..d8c4ad0f1c --- /dev/null +++ b/assets/img/remix_logo_white_512x512.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/panels/editor-panel.js b/src/app/panels/editor-panel.js index ee00bc6b18..1414ec554b 100644 --- a/src/app/panels/editor-panel.js +++ b/src/app/panels/editor-panel.js @@ -46,6 +46,7 @@ var cssTabs = yo` } #files .file.active .remove { display: inline-block; + color: ${styles.editor.text_Primary}; } ` diff --git a/src/app/panels/righthand-panel.js b/src/app/panels/righthand-panel.js index 7ea030cc73..c6f43d4f32 100644 --- a/src/app/panels/righthand-panel.js +++ b/src/app/panels/righthand-panel.js @@ -44,6 +44,7 @@ var css = csjs` } .menu { display: flex; + background-color: ${styles.rightPanel.BackgroundColor_Pre}; } .options { float: left; @@ -131,7 +132,7 @@ function RighthandPanel (appAPI, events, opts) { ${self._view.dragbar}