Skip to content

B
baas-ide
Unverified Commit 6e043404 authored by yann300's avatar yann300 Committed by GitHub
Browse files
Options

Merge pull request #624 from ethereum/default_theme

Default theme
parents 810b28f0 80e0f20c
Hide whitespace changes
Inline Side-by-side
Showing with 892 additions and 83 deletions
.DS_Store deleted 100644 → 0
View file @ 810b28f0
File deleted
.gitignore
View file @ 6e043404
...@@ -7,3 +7,4 @@ test-browser/reports/* ...@@ -7,3 +7,4 @@ test-browser/reports/*
babelify-src babelify-src
docs/_build docs/_build
package-lock.json package-lock.json
.DS_Store
\ No newline at end of file
remix-debugger/package.json
View file @ 6e043404
...@@ -118,4 +118,3 @@ ...@@ -118,4 +118,3 @@
] ]
} }
} }
remix-lib/src/helpers/compilerHelper.js
View file @ 6e043404
...@@ -14,12 +14,12 @@ function compilerInput (contracts) { ...@@ -14,12 +14,12 @@ function compilerInput (contracts) {
optimizer: { optimizer: {
enabled: false, enabled: false,
runs: 500 runs: 500
} },
}, outputSelection: {
outputSelection: { '*': {
'*': { '': [ 'legacyAST' ],
'': [ 'legacyAST' ], '*': [ 'abi', 'metadata', 'evm.legacyAssembly', 'evm.bytecode', 'evm.deployedBytecode', 'evm.methodIdentifiers', 'evm.gasEstimates' ]
'*': [ 'abi', 'metadata', 'evm.legacyAssembly', 'evm.bytecode', 'evm.deployedBytecode', 'evm.methodIdentifiers', 'evm.gasEstimates' ] }
} }
} }
}) })
......
remix-lib/src/ui/style-guide.js
View file @ 6e043404
...@@ -18,10 +18,13 @@ function styleGuide () { ...@@ -18,10 +18,13 @@ function styleGuide () {
white: 'hsl(0, 0%, 100%)', white: 'hsl(0, 0%, 100%)',
black: 'hsl(0, 0%, 0%)', black: 'hsl(0, 0%, 0%)',
opacityBlack: 'hsla(0, 0%, 0%, .4)', opacityBlack: 'hsla(0, 0%, 0%, .4)',
// BLUE // BLUE
blue: 'hsla(229, 75%, 87%, 1)', blue: 'hsla(229, 75%, 87%, 1)',
lightBlue: 'hsla(229, 75%, 87%, .5)', lightBlue: 'hsla(229, 75%, 87%, .5)',
backgroundBlue: 'hsla(229, 100%, 97%, 1)', backgroundBlue: 'hsla(229, 100%, 97%, 1)',
blueLightTrans: 'hsla(202, 91%, 75%, .4)',
brightBlue: 'hsla(233, 91%, 58%, 1)',
// GREY // GREY
grey: 'hsla(0, 0%, 40%, 1)', grey: 'hsla(0, 0%, 40%, 1)',
lightGrey: 'hsla(0, 0%, 40%, .5)', lightGrey: 'hsla(0, 0%, 40%, .5)',
...@@ -33,10 +36,11 @@ function styleGuide () { ...@@ -33,10 +36,11 @@ function styleGuide () {
// GREEN // GREEN
green: 'hsla(141, 75%, 84%, 1)', green: 'hsla(141, 75%, 84%, 1)',
lightGreen: 'hsla(141, 75%, 84%, .5)', lightGreen: 'hsla(141, 75%, 84%, .5)',
greenZing: 'hsla(148, 79%, 47%, 1)',
// PINK // PINK
pink: 'hsla(300, 69%, 76%, 1)', pink: 'hsla(300, 69%, 76%, 1)',
lightPink: 'hsla(300, 69%, 76%, .5)', lightPink: 'hsla(300, 69%, 76%, .5)',
// YELLOW // ORANGE
orange: 'hsla(44, 100%, 50%, 1)', orange: 'hsla(44, 100%, 50%, 1)',
lightOrange: 'hsla(44, 100%, 50%, .5)', lightOrange: 'hsla(44, 100%, 50%, .5)',
// VIOLET // VIOLET
...@@ -67,25 +71,43 @@ function styleGuide () { ...@@ -67,25 +71,43 @@ function styleGuide () {
-------------------------------------------------------------------------- */ -------------------------------------------------------------------------- */
var appProperties = { var appProperties = {
/* ------------------------------------------------------
ACE THEME
------------------------------------------------------ */
aceTheme: '',
/* ------------------------------------------------------ /* ------------------------------------------------------
BACKGROUND COLORS BACKGROUND COLORS
------------------------------------------------------ */ ------------------------------------------------------ */
primary_BackgroundColor: cssProperties.colors.white, primary_BackgroundColor: cssProperties.colors.white,
secondary_BackgroundColor: cssProperties.colors.backgroundBlue, secondary_BackgroundColor: cssProperties.colors.backgroundBlue,
dark_BackgroundColor: cssProperties.colors.veryLightGrey, tertiary_BackgroundColor: cssProperties.colors.backgroundBlue,
quaternary_BackgroundColor: cssProperties.colors.backgroundBlue,
fifth_BackgroundColor: cssProperties.colors.backgroundBlue,
seventh_BackgroundColor: cssProperties.colors.veryLightGrey,
dark_BackgroundColor: cssProperties.colors.black,
light_BackgroundColor: cssProperties.colors.white, light_BackgroundColor: cssProperties.colors.white,
debuggingMode_BackgroundColor: cssProperties.colors.lightViolet, debuggingMode_BackgroundColor: cssProperties.colors.lightViolet,
/* ------------------------------------------------------ /* ------------------------------------------------------
RESIZING RESIZING
******************************************************** */ ******************************************************** */
ghostBar: cssProperties.colors.lightBlue, ghostBar: cssProperties.colors.blueLightTrans,
draggingBar: cssProperties.colors.lightBlue, draggingBar: cssProperties.colors.blueGreyEve,
/* ------------------------------------------------------ /* ------------------------------------------------------
TEXT COLORS TEXT COLORS
******************************************************** */ ******************************************************** */
mainText_Color: cssProperties.colors.black, mainText_Color: cssProperties.colors.black,
supportText_Color: cssProperties.colors.grey, supportText_Color: cssProperties.colors.grey,
sub_supportText_Color: cssProperties.colors.black,
specialText_Color: cssProperties.colors.greenZing,
brightText_Color: cssProperties.colors.brightBlue,
oppositeText_Color: cssProperties.colors.black,
additionalText_Color: cssProperties.colors.desatGrey,
errorText_Color: cssProperties.colors.strongRed, errorText_Color: cssProperties.colors.strongRed,
warningText_Color: cssProperties.colors.orange, warningText_Color: cssProperties.colors.orange,
infoText_Color: cssProperties.colors.violet, infoText_Color: cssProperties.colors.violet,
...@@ -93,6 +115,7 @@ function styleGuide () { ...@@ -93,6 +115,7 @@ function styleGuide () {
ICONS ICONS
******************************************************** */ ******************************************************** */
icon_Color: cssProperties.colors.black, icon_Color: cssProperties.colors.black,
icon_AltColor: cssProperties.colors.white,
icon_HoverColor: cssProperties.colors.orange, icon_HoverColor: cssProperties.colors.orange,
/* ------------------------------------------------------ /* ------------------------------------------------------
...@@ -123,6 +146,7 @@ function styleGuide () { ...@@ -123,6 +146,7 @@ function styleGuide () {
******************************************************** */ ******************************************************** */
dropdown_TextColor: cssProperties.colors.black, dropdown_TextColor: cssProperties.colors.black,
dropdown_BackgroundColor: cssProperties.colors.white, dropdown_BackgroundColor: cssProperties.colors.white,
dropdown_SecondaryBackgroundColor: cssProperties.colors.white,
dropdown_BorderColor: cssProperties.colors.veryLightGrey, dropdown_BorderColor: cssProperties.colors.veryLightGrey,
/* ------------------------------------------------------ /* ------------------------------------------------------
...@@ -140,6 +164,12 @@ function styleGuide () { ...@@ -140,6 +164,12 @@ function styleGuide () {
solidBorderBox_BorderColor: cssProperties.colors.veryLightGrey, solidBorderBox_BorderColor: cssProperties.colors.veryLightGrey,
/* ------------------------------------------------------ /* ------------------------------------------------------
SOLID BOX
******************************************************** */
solidBox_TextColor: cssProperties.colors.black,
solidBox_BackgroundColor: cssProperties.colors.white,
/* ------------------------------------------------------
BUTTONS BUTTONS
******************************************************** */ ******************************************************** */
...@@ -158,6 +188,37 @@ function styleGuide () { ...@@ -158,6 +188,37 @@ function styleGuide () {
secondaryButton_BorderColor: cssProperties.colors.veryLightGrey, secondaryButton_BorderColor: cssProperties.colors.veryLightGrey,
/* ................. /* .................
Teriary
.................. */
teriaryButton_TextColor: cssProperties.colors.black,
teriaryButton_BackgroundColor: cssProperties.colors.greyBlueMed,
teriaryButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
/* .................
Quaternary
.................. */
quaternaryButton_TextColor: cssProperties.colors.black,
quaternaryButton_BackgroundColor: cssProperties.colors.white,
quaternaryButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
/* .................
Fifth
.................. */
fifthButton_TextColor: cssProperties.colors.black,
fifthButton_BackgroundColor: cssProperties.colors.blueFairyDust,
fifthButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
/* .................
Sixth
.................. */
sixthButton_TextColor: cssProperties.colors.black,
sixthButton_BackgroundColor: cssProperties.colors.greenZing,
sixthButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
SUCCESS SUCCESS
.................. */ .................. */
successButton_TextColor: cssProperties.colors.white, successButton_TextColor: cssProperties.colors.white,
...@@ -181,8 +242,8 @@ function styleGuide () { ...@@ -181,8 +242,8 @@ function styleGuide () {
/* ................. /* .................
INFO INFO
.................. */ .................. */
infoButton_TextColor: cssProperties.colors.violet, infoButton_TextColor: cssProperties.colors.black,
infoButton_BackgroundColor: cssProperties.colors.white, infoButton_BackgroundColor: cssProperties.colors.lightPink,
infoButton_BorderColor: cssProperties.colors.veryLightGrey, infoButton_BorderColor: cssProperties.colors.veryLightGrey,
/* ................. /* .................
...@@ -199,6 +260,11 @@ function styleGuide () { ...@@ -199,6 +260,11 @@ function styleGuide () {
transactButton_BackgroundColor: cssProperties.colors.lightRed, transactButton_BackgroundColor: cssProperties.colors.lightRed,
transactButton_BorderColor: cssProperties.colors.lightRed, transactButton_BorderColor: cssProperties.colors.lightRed,
// CONSTANT
constantButton_TextColor: cssProperties.colors.black,
constantButton_BackgroundColor: cssProperties.colors.lightBlue,
constantButton_BorderColor: cssProperties.colors.lightBlue,
// PAYABLE TRANSACTION // PAYABLE TRANSACTION
transactPayableButton_TextColor: cssProperties.colors.black, transactPayableButton_TextColor: cssProperties.colors.black,
transactPayableButton_BackgroundColor: cssProperties.colors.red, transactPayableButton_BackgroundColor: cssProperties.colors.red,
...@@ -222,6 +288,17 @@ function styleGuide () { ...@@ -222,6 +288,17 @@ function styleGuide () {
width : 100%; width : 100%;
`, `,
solidBox: (opts = {}) => `
background-color : ${opts.BackgroundColor};
color : ${opts.Color};
font-size : 12px;
padding : 10px 15px;
line-height : 20px;
overflow : hidden;
word-break : break-word;
width : 100%;
`,
dottedBorderBox: (opts = {}) => ` dottedBorderBox: (opts = {}) => `
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor};
border : .2em dotted ${opts.BorderColor}; border : .2em dotted ${opts.BorderColor};
...@@ -298,6 +375,8 @@ function styleGuide () { ...@@ -298,6 +375,8 @@ function styleGuide () {
modalDialog_BackgroundColor_Primary: appProperties.primary_BackgroundColor, modalDialog_BackgroundColor_Primary: appProperties.primary_BackgroundColor,
modalDialog_text_Primary: appProperties.mainText_Color, modalDialog_text_Primary: appProperties.mainText_Color,
modalDialog_text_Secondary: appProperties.supportText_Color, modalDialog_text_Secondary: appProperties.supportText_Color,
modalDialog_text_Link: appProperties.brightText_Color,
modalDialog_text_Em: appProperties.specialText_Color,
modalDialog_Header_Footer_BackgroundColor: appProperties.secondary_BackgroundColor, modalDialog_Header_Footer_BackgroundColor: appProperties.secondary_BackgroundColor,
modalDialog_Header_Footer_Color: appProperties.mainText_Color, modalDialog_Header_Footer_Color: appProperties.mainText_Color,
modalDialog_BoxDottedBorder_BackgroundColor: appProperties.solidBorderBox_BackgroundColor, modalDialog_BoxDottedBorder_BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
...@@ -316,10 +395,11 @@ function styleGuide () { ...@@ -316,10 +395,11 @@ function styleGuide () {
/* ------------------------------------------------------ */ /* ------------------------------------------------------ */
leftPanel: { leftPanel: {
backgroundColor_Panel: appProperties.primary_BackgroundColor, backgroundColor_Panel: appProperties.primary_BackgroundColor,
backgroundColor_FileExplorer: appProperties.secondary_BackgroundColor, backgroundColor_FileExplorer: appProperties.tertiary_BackgroundColor,
text_Primary: appProperties.mainText_Color, text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color, text_Secondary: appProperties.supportText_Color,
text_Teriary: appProperties.sub_supportText_Color,
bar_Ghost: appProperties.ghostBar, bar_Ghost: appProperties.ghostBar,
bar_Dragging: appProperties.draggingBar, bar_Dragging: appProperties.draggingBar,
...@@ -339,12 +419,13 @@ function styleGuide () { ...@@ -339,12 +419,13 @@ function styleGuide () {
backgroundColor_Panel: appProperties.primary_BackgroundColor, backgroundColor_Panel: appProperties.primary_BackgroundColor,
backgroundColor_Editor: appProperties.light_BackgroundColor, backgroundColor_Editor: appProperties.light_BackgroundColor,
backgroundColor_Tabs_Highlights: appProperties.secondary_BackgroundColor, backgroundColor_Tabs_Highlights: appProperties.secondary_BackgroundColor,
backgroundColor_Editor_Context_Highlights: appProperties.dark_BackgroundColor, backgroundColor_Editor_Context_Highlights: appProperties.secondary_BackgroundColor,
backgroundColor_Editor_Context_Error_Highlights: appProperties.error_BackgroundColor, backgroundColor_Editor_Context_Error_Highlights: appProperties.error_BackgroundColor,
backgroundColor_DebuggerMode: appProperties.debuggingMode_BackgroundColor, backgroundColor_DebuggerMode: appProperties.debuggingMode_BackgroundColor,
text_Primary: appProperties.mainText_Color, text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color, text_Secondary: appProperties.supportText_Color,
text_Teriary: appProperties.sub_supportText_Color,
text_Editor: '', text_Editor: '',
icon_Color_Editor: appProperties.icon_Color, icon_Color_Editor: appProperties.icon_Color,
...@@ -357,7 +438,8 @@ function styleGuide () { ...@@ -357,7 +438,8 @@ function styleGuide () {
/* ------------------------------------------------------ */ /* ------------------------------------------------------ */
terminal: { terminal: {
backgroundColor_Menu: appProperties.secondary_BackgroundColor, backgroundColor_Menu: appProperties.secondary_BackgroundColor,
backgroundColor_Terminal: appProperties.dark_BackgroundColor, backgroundColor_Terminal: appProperties.seventh_BackgroundColor,
backgroundColor_TerminalCLI: appProperties.seventh_BackgroundColor,
text_Primary: appProperties.mainText_Color, text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color, text_Secondary: appProperties.supportText_Color,
...@@ -366,6 +448,7 @@ function styleGuide () { ...@@ -366,6 +448,7 @@ function styleGuide () {
text_ErrorLog: appProperties.errorText_Color, text_ErrorLog: appProperties.errorText_Color,
text_Title_TransactionLog: appProperties.infoText_Color, text_Title_TransactionLog: appProperties.infoText_Color,
text_Regular_TransactionLog: appProperties.supportText_Color, text_Regular_TransactionLog: appProperties.supportText_Color,
text_Button: appProperties.oppositeText_Color,
icon_Color_TogglePanel: appProperties.icon_Color, icon_Color_TogglePanel: appProperties.icon_Color,
icon_HoverColor_TogglePanel: appProperties.icon_HoverColor, icon_HoverColor_TogglePanel: appProperties.icon_HoverColor,
...@@ -388,15 +471,15 @@ function styleGuide () { ...@@ -388,15 +471,15 @@ function styleGuide () {
}), }),
button_Log_Debug: appProperties.uiElements.button({ button_Log_Debug: appProperties.uiElements.button({
BackgroundColor: appProperties.infoButton_BackgroundColor, BackgroundColor: appProperties.quaternaryButton_BackgroundColor,
BorderColor: appProperties.infoButton_BorderColor, BorderColor: appProperties.infoButton_BorderColor,
Color: appProperties.infoButton_TextColor Color: appProperties.infoButton_TextColor
}), }),
button_Log_Details: appProperties.uiElements.button({ button_Log_Details: appProperties.uiElements.button({
BackgroundColor: appProperties.secondaryButton_BackgroundColor, BackgroundColor: appProperties.quaternaryButton_BackgroundColor,
BorderColor: appProperties.secondaryButton_BorderColor, BorderColor: appProperties.quaternaryButton_BorderColor,
Color: appProperties.secondaryButton_TextColor Color: appProperties.quaternaryButton_TextColor
}) })
}, },
...@@ -405,12 +488,14 @@ function styleGuide () { ...@@ -405,12 +488,14 @@ function styleGuide () {
RIGHT PANEL RIGHT PANEL
/* ------------------------------------------------------ */ /* ------------------------------------------------------ */
rightPanel: { rightPanel: {
backgroundColor_Panel: appProperties.primary_BackgroundColor, backgroundColor_Panel: appProperties.fifth_BackgroundColor,
backgroundColor_Tab: appProperties.secondary_BackgroundColor, backgroundColor_Tab: appProperties.fifth_BackgroundColor,
BackgroundColor_Pre: appProperties.light_BackgroundColor, BackgroundColor_Pre: appProperties.primary_BackgroundColor,
text_Primary: appProperties.mainText_Color, text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color, text_Secondary: appProperties.supportText_Color,
text_Teriary: appProperties.sub_supportText_Color,
text_link: appProperties.brightText_Color,
bar_Ghost: appProperties.ghostBar, bar_Ghost: appProperties.ghostBar,
bar_Dragging: appProperties.draggingBar, bar_Dragging: appProperties.draggingBar,
...@@ -459,8 +544,8 @@ function styleGuide () { ...@@ -459,8 +544,8 @@ function styleGuide () {
}), }),
box_CompileContainer: appProperties.uiElements.solidBorderBox({ box_CompileContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.quaternary_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor, BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor Color: appProperties.solidBorderBox_TextColor
}), }),
...@@ -473,9 +558,8 @@ function styleGuide () { ...@@ -473,9 +558,8 @@ function styleGuide () {
::::::::::::::: */ ::::::::::::::: */
runTab: { runTab: {
box_RunTab: appProperties.uiElements.solidBorderBox({ box_RunTab: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor, Color: appProperties.solidBox_TextColor
Color: appProperties.solidBorderBox_TextColor
}), }),
dropdown_RunTab: appProperties.uiElements.dropdown({ dropdown_RunTab: appProperties.uiElements.dropdown({
...@@ -483,6 +567,11 @@ function styleGuide () { ...@@ -483,6 +567,11 @@ function styleGuide () {
BorderColor: appProperties.dropdown_BorderColor, BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor Color: appProperties.dropdown_TextColor
}), }),
titlebox_RunTab: appProperties.uiElements.dropdown({
BackgroundColor: appProperties.dropdown_SecondaryBackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
}),
input_RunTab: appProperties.uiElements.inputField({ input_RunTab: appProperties.uiElements.inputField({
BackgroundColor: appProperties.input_BackgroundColor, BackgroundColor: appProperties.input_BackgroundColor,
...@@ -490,10 +579,15 @@ function styleGuide () { ...@@ -490,10 +579,15 @@ function styleGuide () {
Color: appProperties.input_TextColor Color: appProperties.input_TextColor
}), }),
box_Instance: appProperties.uiElements.solidBorderBox({ box_Instance: appProperties.uiElements.solidBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor, Color: appProperties.solidBox_TextColor
Color: appProperties.solidBorderBox_TextColor }),
borderBox_Instance: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBox_BackgroundColor,
Color: appProperties.solidBox_TextColor,
BorderColor: appProperties.solidBorderBox_BorderColor
}), }),
button_atAddress: appProperties.uiElements.button({ button_atAddress: appProperties.uiElements.button({
...@@ -501,19 +595,21 @@ function styleGuide () { ...@@ -501,19 +595,21 @@ function styleGuide () {
BorderColor: appProperties.primaryButton_BorderColor, BorderColor: appProperties.primaryButton_BorderColor,
Color: appProperties.primaryButton_TextColor Color: appProperties.primaryButton_TextColor
}), }),
button_Create: appProperties.uiElements.button({ button_Create: appProperties.uiElements.button({
BackgroundColor: appProperties.transactButton_BackgroundColor, BackgroundColor: appProperties.transactButton_BackgroundColor,
BorderColor: appProperties.transactButton_BorderColor, BorderColor: appProperties.transactButton_BorderColor,
Color: appProperties.transactButton_TextColor Color: appProperties.transactButton_TextColor
}), }),
button_Constant: appProperties.uiElements.button({
BackgroundColor: appProperties.constantButton_BackgroundColor,
BorderColor: appProperties.constantButton_BorderColor,
Color: appProperties.constantButton_TextColor
}),
button_Instance_Call: appProperties.uiElements.button({ button_Instance_Call: appProperties.uiElements.button({
BackgroundColor: appProperties.callButton_BackgroundColor, BackgroundColor: appProperties.callButton_BackgroundColor,
BorderColor: appProperties.callButton_BorderColor, BorderColor: appProperties.callButton_BorderColor,
Color: appProperties.callButton_TextColor Color: appProperties.callButton_TextColor
}), }),
button_Instance_Transact: appProperties.uiElements.button({ button_Instance_Transact: appProperties.uiElements.button({
BackgroundColor: appProperties.transactButton_BackgroundColor, BackgroundColor: appProperties.transactButton_BackgroundColor,
BorderColor: appProperties.transactButton_BorderColor, BorderColor: appProperties.transactButton_BorderColor,
...@@ -524,7 +620,11 @@ function styleGuide () { ...@@ -524,7 +620,11 @@ function styleGuide () {
BackgroundColor: appProperties.transactPayableButton_BackgroundColor, BackgroundColor: appProperties.transactPayableButton_BackgroundColor,
BorderColor: appProperties.transactPayableButton_BorderColor, BorderColor: appProperties.transactPayableButton_BorderColor,
Color: appProperties.transactPayableButton_TextColor Color: appProperties.transactPayableButton_TextColor
}) }),
icon_Color_Instance_CopyToClipboard: appProperties.icon_Color,
icon_AltColor_Instance_CopyToClipboard: appProperties.icon_AltColor,
icon_HoverColor_Instance_CopyToClipboard: appProperties.icon_HoverColor
}, },
...@@ -555,7 +655,7 @@ function styleGuide () { ...@@ -555,7 +655,7 @@ function styleGuide () {
box_Debugger: appProperties.uiElements.solidBorderBox({ box_Debugger: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor, BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor Color: appProperties.solidBorderBox_TextColor
}), }),
...@@ -596,7 +696,7 @@ function styleGuide () { ...@@ -596,7 +696,7 @@ function styleGuide () {
box_AnalysisContainer: appProperties.uiElements.solidBorderBox({ box_AnalysisContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor, BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor Color: appProperties.solidBorderBox_TextColor
}) })
}, },
...@@ -607,7 +707,7 @@ function styleGuide () { ...@@ -607,7 +707,7 @@ function styleGuide () {
supportTab: { supportTab: {
box_IframeContainer: appProperties.uiElements.solidBorderBox({ box_IframeContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor, BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor Color: appProperties.solidBorderBox_TextColor
}), }),
......
remix-lib/src/ui/style-guide_metropolis.js 0 → 100644
View file @ 6e043404
// var csjs = require('csjs-inject')
module.exports = styleGuide
function styleGuide () {
/* --------------------------------------------------------------------------
CSS PROPERTIES
-------------------------------------------------------------------------- */
var cssProperties = {
/* ------------------------------------------------------
COLORS
------------------------------------------------------ */
colors: {
// BASIC COLORS (B&W and transparent)
transparent: 'transparent',
white: 'hsla(198, 100%, 97%, 1)',
black: 'hsla(240, 100%, 6%, 1)',
opacityBlack: 'hsla(240, 100%, 6%, .7)',
// BLUE
blue: 'hsla(233, 91%, 36%, 1)',
lightBlue: 'hsla(202, 91%, 75%, 1)',
backgroundBlue: 'hsla(240, 100%, 21%, 1)',
blueLightTrans: 'hsla(202, 91%, 75%, .4)',
brightBlue: 'hsla(233, 91%, 58%, 1)',
blueGreyEve: 'hsla(213, 64%, 65%, 1)',
bluePruneEve: 'hsla(232, 30%, 20%, 1)',
blueBerrySmog: 'hsla(286, 15%, 22%, 1)',
blueBlur: 'hsla(232, 30%, 20%, 0.7)',
blueMascara: 'hsla(187, 100%, 51%, 1)',
blueMorningGlory: 'hsla(213, 74%, 80%, 1)',
blueFairyDust: 'hsla(181, 83%, 86%, 1)',
blueMonday: 'hsla(213, 100%, 16%, 1)',
// GREY
grey: 'hsla(0, 0%, 40%, 1)',
lightGrey: 'hsla(0, 0%, 40%, .5)',
veryLightGrey: 'hsla(0, 0%, 40%, .2)',
blueGrey: 'hsla(206, 24%, 58%, .8)',
greyBlueNight: 'hsla(215, 55%, 18%, 1)',
greyBlueLight: 'hsla(213, 15%, 58%, 1)',
greyBlueMed: 'hsla(215, 55%, 28%, 1)',
desatGrey: 'hsla(173, 17%, 79%, 1)',
// RED
strongRed: 'hsla(0, 100%, 71%, 1)',
red: 'hsla(0, 82%, 82%, 1)',
lightRed: 'hsla(0, 82%, 82%, .8)',
// GREEN
green: 'hsla(141, 75%, 84%, 1)',
lightGreen: 'hsla(141, 75%, 84%, .5)',
greenZing: 'hsla(148, 79%, 47%, 1)',
// PINK
pink: 'hsla(300, 69%, 76%, 1)',
lightPink: 'hsla(286, 71%, 88%, 1)',
// YELLOW
orange: 'hsla(39, 87%, 50%, 1)',
lightOrange: 'hsla(39, 87%, 50%, .5)',
// VIOLET
violet: 'hsla(240, 64%, 68%, 1)',
lightViolet: 'hsla(240, 64%, 68%, .5)'
},
/* ------------------------------------------------------
FONTS
------------------------------------------------------ */
fonts: {
font: '14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif'
},
/* ------------------------------------------------------
BORDERS
------------------------------------------------------ */
borders: {
primary_borderRadius: '3px',
secondary_borderRadius: '5px'
}
}
/* --------------------------------------------------------------------------
APP PROPERTIES
-------------------------------------------------------------------------- */
var appProperties = {
/* ------------------------------------------------------
ACE THEME
------------------------------------------------------ */
aceTheme: 'tomorrow_night_blue',
/* ------------------------------------------------------
BACKGROUND COLORS
------------------------------------------------------ */
primary_BackgroundColor: cssProperties.colors.black,
secondary_BackgroundColor: cssProperties.colors.backgroundBlue,
tertiary_BackgroundColor: cssProperties.colors.greyBlueNight,
quaternary_BackgroundColor: cssProperties.colors.blueGreyEve,
fifth_BackgroundColor: cssProperties.colors.bluePruneEve,
seventh_BackgroundColor: cssProperties.colors.blueMonday,
dark_BackgroundColor: cssProperties.colors.black,
light_BackgroundColor: cssProperties.colors.white,
debuggingMode_BackgroundColor: cssProperties.colors.lightViolet,
/* ------------------------------------------------------
RESIZING
******************************************************** */
ghostBar: cssProperties.colors.blueLightTrans,
draggingBar: cssProperties.colors.blueGreyEve,
/* ------------------------------------------------------
TEXT COLORS
******************************************************** */
mainText_Color: cssProperties.colors.white,
supportText_Color: cssProperties.colors.lightBlue,
sub_supportText_Color: cssProperties.colors.greyBlueLight,
specialText_Color: cssProperties.colors.greenZing,
brightText_Color: cssProperties.colors.blueMascara,
oppositeText_Color: cssProperties.colors.black,
additionalText_Color: cssProperties.colors.desatGrey,
errorText_Color: cssProperties.colors.strongRed,
warningText_Color: cssProperties.colors.orange,
infoText_Color: cssProperties.colors.violet,
/* ------------------------------------------------------
ICONS
******************************************************** */
icon_Color: cssProperties.colors.white,
icon_AltColor: cssProperties.colors.black,
icon_HoverColor: cssProperties.colors.orange,
/* ------------------------------------------------------
MESSAGES
******************************************************** */
// Success
success_TextColor: cssProperties.colors.black,
success_BackgroundColor: cssProperties.colors.lightGreen,
success_BorderColor: cssProperties.colors.green,
// Danger
danger_TextColor: cssProperties.colors.black,
danger_BackgroundColor: cssProperties.colors.lightRed,
danger_BorderColor: cssProperties.colors.red,
// Warning
warning_TextColor: cssProperties.colors.black,
warning_BackgroundColor: cssProperties.colors.orange,
warning_BorderColor: cssProperties.colors.orange,
// Tooltip
tooltip_Color: cssProperties.colors.white,
tooltip_BackgroundColor: cssProperties.colors.grey,
tooltip_BorderColor: cssProperties.colors.grey,
/* ------------------------------------------------------
DROPDOWN
******************************************************** */
dropdown_TextColor: cssProperties.colors.black,
dropdown_BackgroundColor: cssProperties.colors.white,
dropdown_SecondaryBackgroundColor: cssProperties.colors.blueMorningGlory,
dropdown_BorderColor: cssProperties.colors.veryLightGrey,
/* ------------------------------------------------------
INPUT
******************************************************** */
input_TextColor: cssProperties.colors.black,
input_BackgroundColor: cssProperties.colors.white,
input_BorderColor: cssProperties.colors.veryLightGrey,
/* ------------------------------------------------------
SOLID BORDER BOX
******************************************************** */
solidBorderBox_TextColor: cssProperties.colors.white,
solidBorderBox_BackgroundColor: cssProperties.colors.black,
solidBorderBox_BorderColor: cssProperties.colors.lightBlue,
/* ------------------------------------------------------
SOLID BOX
******************************************************** */
solidBox_TextColor: cssProperties.colors.white,
solidBox_BackgroundColor: cssProperties.colors.black,
/* ------------------------------------------------------
BUTTONS
******************************************************** */
/* .................
PRIMARY
.................. */
primaryButton_TextColor: cssProperties.colors.black,
primaryButton_BackgroundColor: cssProperties.colors.lightBlue,
primaryButton_BorderColor: cssProperties.colors.lightBlue,
/* .................
SECONDARY
.................. */
secondaryButton_TextColor: cssProperties.colors.black,
secondaryButton_BackgroundColor: cssProperties.colors.lightBlue,
secondaryButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
Teriary
.................. */
teriaryButton_TextColor: cssProperties.colors.black,
teriaryButton_BackgroundColor: cssProperties.colors.greyBlueMed,
teriaryButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
/* .................
Quaternary
.................. */
quaternaryButton_TextColor: cssProperties.colors.black,
quaternaryButton_BackgroundColor: cssProperties.colors.blueMascara,
quaternaryButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
/* .................
Fifth
.................. */
fifthButton_TextColor: cssProperties.colors.black,
fifthButton_BackgroundColor: cssProperties.colors.blueFairyDust,
fifthButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
/* .................
Sixth
.................. */
sixthButton_TextColor: cssProperties.colors.black,
sixthButton_BackgroundColor: cssProperties.colors.greenZing,
sixthButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
SUCCESS
.................. */
successButton_TextColor: cssProperties.colors.white,
successButton_BackgroundColor: cssProperties.colors.green,
successButton_BorderColor: cssProperties.colors.green,
/* .................
DANGER
.................. */
dangerButton_TextColor: cssProperties.colors.white,
dangerButton_BackgroundColor: cssProperties.colors.red,
dangerButton_BorderColor: cssProperties.colors.red,
/* .................
WARNING
.................. */
warningButton_TextColor: cssProperties.colors.white,
warningButton_BackgroundColor: cssProperties.colors.lightOrange,
warningButton_BorderColor: cssProperties.colors.lightOrange,
/* .................
INFO
.................. */
infoButton_TextColor: cssProperties.colors.black,
infoButton_BackgroundColor: cssProperties.colors.lightPink,
infoButton_BorderColor: cssProperties.colors.veryLightGrey,
/* .................
SOLIDITY
.................. */
// CALL
callButton_TextColor: cssProperties.colors.black,
callButton_BackgroundColor: cssProperties.colors.lightBlue,
callButton_BorderColor: cssProperties.colors.lightBlue,
// TRANSACTION
transactButton_TextColor: cssProperties.colors.black,
transactButton_BackgroundColor: cssProperties.colors.blueFairyDust,
transactButton_BorderColor: cssProperties.colors.lightRed,
// CONSTANT
constantButton_TextColor: cssProperties.colors.black,
constantButton_BackgroundColor: cssProperties.colors.greenZing,
constantButton_BorderColor: cssProperties.colors.greenZing,
// PAYABLE TRANSACTION
transactPayableButton_TextColor: cssProperties.colors.black,
transactPayableButton_BackgroundColor: cssProperties.colors.red,
transactPayableButton_BorderColor: cssProperties.colors.red,
/* ------------------------------------------------------
UI ELEMENTS
******************************************************** */
uiElements: {
solidBorderBox: (opts = {}) => `
background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor};
color : ${opts.Color};
border-radius : ${cssProperties.borders.primary_borderRadius};
font-size : 12px;
padding : 10px 15px;
line-height : 20px;
overflow : hidden;
word-break : break-word;
width : 100%;
`,
solidBox: (opts = {}) => `
background-color : ${opts.BackgroundColor};
color : ${opts.Color};
font-size : 12px;
padding : 10px 15px;
line-height : 20px;
overflow : hidden;
word-break : break-word;
width : 100%;
`,
dottedBorderBox: (opts = {}) => `
background-color : ${opts.BackgroundColor};
border : .2em dotted ${opts.BorderColor};
color : ${opts.Color};
border-radius : ${cssProperties.borders.secondary_borderRadius};
line-height : 20px;
padding : 8px 15px;
margin-bottom : 1em;
overflow : hidden;
word-break : break-word;
`,
inputField: (opts = {}) => `
background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor};
color : ${opts.Color};
border-radius : ${cssProperties.borders.secondary_borderRadius};
height : 25px;
width : 250px;
padding : 0 8px;
overflow : hidden;
word-break : normal;
`,
dropdown: (opts = {}) => `
background-color : ${opts.BackgroundColor};
border : 1px solid ${opts.BorderColor};
color : ${opts.Color};
font-size : 12px;
font-weight : bold;
padding : 0 8px;
text-decoration : none;
cursor : pointer;
border-radius : 3px;
height : 25px;
width : 250px;
text-align : center;
overflow : hidden;
word-break : normal;
`,
button: (opts = {}) => `
margin : 1px;
background-color : ${opts.BackgroundColor};
border : .3px solid ${opts.BorderColor};
color : ${opts.Color};
display : flex;
align-items : center;
justify-content : center;
border-radius : 3px;
cursor : pointer;
min-height : 25px;
max-height : 25px;
width : 70px;
min-width : 70px;
font-size : 12px;
overflow : hidden;
word-break : normal;
`
}
}
/* --------------------------------------------------------------------------
REMIX PROPERTIES
-------------------------------------------------------------------------- */
var remixProperties = {
/* ------------------------------------------------------
REMIX GENERAL
/* ------------------------------------------------------ */
remix: {
modalDialog_BackgroundColor_Primary: appProperties.fifth_BackgroundColor,
modalDialog_text_Primary: appProperties.additionalText_Color,
modalDialog_text_Secondary: appProperties.supportText_Color,
modalDialog_text_Link: appProperties.brightText_Color,
modalDialog_text_Em: appProperties.specialText_Color,
modalDialog_Header_Footer_BackgroundColor: appProperties.secondary_BackgroundColor,
modalDialog_Header_Footer_Color: appProperties.mainText_Color,
modalDialog_BoxDottedBorder_BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
modalDialog_BoxDottedBorder_BorderColor: appProperties.solidBorderBox_BorderColor,
modalDialog_BoxDottedBorder_Color: appProperties.solidBorderBox_TextColor,
tooltip_CopyToClipboard_BackgroundColor: appProperties.tooltip_BackgroundColor,
tooltip_CopyToClipboard_Color: appProperties.tooltip_Color,
icon_Color_CopyToClipboard: appProperties.icon_Color,
icon_HoverColor_CopyToClipboard: appProperties.icon_HoverColor
},
/* ------------------------------------------------------
LEFT PANEL (FILE PANEL)
/* ------------------------------------------------------ */
leftPanel: {
backgroundColor_Panel: appProperties.primary_BackgroundColor,
backgroundColor_FileExplorer: appProperties.tertiary_BackgroundColor,
text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color,
text_Teriary: appProperties.sub_supportText_Color,
bar_Ghost: appProperties.ghostBar,
bar_Dragging: appProperties.draggingBar,
icon_Color_Menu: appProperties.icon_Color,
icon_HoverColor_Menu: appProperties.icon_HoverColor,
icon_Color_TogglePanel: appProperties.icon_Color,
icon_HoverColor_TogglePanel: appProperties.icon_HoverColor
},
/* ------------------------------------------------------
EDITOR
/* ------------------------------------------------------ */
editor: {
backgroundColor_Panel: appProperties.primary_BackgroundColor,
backgroundColor_Editor: appProperties.light_BackgroundColor,
backgroundColor_Tabs_Highlights: appProperties.secondary_BackgroundColor,
backgroundColor_Editor_Context_Highlights: appProperties.dark_BackgroundColor,
backgroundColor_Editor_Context_Error_Highlights: appProperties.error_BackgroundColor,
backgroundColor_DebuggerMode: appProperties.debuggingMode_BackgroundColor,
text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color,
text_Teriary: appProperties.sub_supportText_Color,
text_Editor: '',
icon_Color_Editor: appProperties.icon_Color,
icon_HoverColor_Editor: appProperties.icon_HoverColor
},
/* ------------------------------------------------------
TERMINAL
/* ------------------------------------------------------ */
terminal: {
backgroundColor_Menu: appProperties.secondary_BackgroundColor,
backgroundColor_Terminal: appProperties.seventh_BackgroundColor,
backgroundColor_TerminalCLI: appProperties.seventh_BackgroundColor,
text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color,
text_RegularLog: appProperties.mainText_Color,
text_InfoLog: appProperties.supportText_Color,
text_ErrorLog: appProperties.errorText_Color,
text_Title_TransactionLog: appProperties.infoText_Color,
text_Regular_TransactionLog: appProperties.supportText_Color,
text_Button: appProperties.oppositeText_Color,
icon_Color_TogglePanel: appProperties.icon_Color,
icon_HoverColor_TogglePanel: appProperties.icon_HoverColor,
icon_Color_Menu: appProperties.icon_Color,
icon_HoverColor_Menu: appProperties.icon_HoverColor,
bar_Ghost: appProperties.ghostBar,
bar_Dragging: appProperties.draggingBar,
input_Search_MenuBar: appProperties.uiElements.inputField({
BackgroundColor: appProperties.input_BackgroundColor,
BorderColor: appProperties.input_BorderColor,
Color: appProperties.input_TextColor
}),
dropdown_Filter_MenuBar: appProperties.uiElements.dropdown({
BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
}),
button_Log_Debug: appProperties.uiElements.button({
BackgroundColor: appProperties.quaternaryButton_BackgroundColor,
BorderColor: appProperties.infoButton_BorderColor,
Color: appProperties.infoButton_TextColor
}),
button_Log_Details: appProperties.uiElements.button({
BackgroundColor: appProperties.quaternaryButton_BackgroundColor,
BorderColor: appProperties.quaternaryButton_BorderColor,
Color: appProperties.quaternaryButton_TextColor
})
},
/* ------------------------------------------------------
RIGHT PANEL
/* ------------------------------------------------------ */
rightPanel: {
backgroundColor_Panel: appProperties.seventh_BackgroundColor,
backgroundColor_Tab: appProperties.seventh_BackgroundColor,
BackgroundColor_Pre: appProperties.dark_BackgroundColor,
text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color,
text_Teriary: appProperties.sub_supportText_Color,
text_link: appProperties.brightText_Color,
bar_Ghost: appProperties.ghostBar,
bar_Dragging: appProperties.draggingBar,
icon_Color_TogglePanel: appProperties.icon_Color,
icon_HoverColor_TogglePanel: appProperties.icon_HoverColor,
message_Warning_BackgroundColor: appProperties.warning_BackgroundColor,
message_Warning_BorderColor: appProperties.warning_BorderColor,
message_Warning_Color: appProperties.warning_TextColor,
message_Error_BackgroundColor: appProperties.danger_BackgroundColor,
message_Error_BorderColor: appProperties.danger_BorderColor,
message_Error_Color: appProperties.danger_TextColor,
message_Success_BackgroundColor: appProperties.success_BackgroundColor,
message_Success_BorderColor: appProperties.success_BorderColor,
message_Success_Color: appProperties.success_TextColor,
/* ::::::::::::::
COMPILE TAB
::::::::::::::: */
compileTab: {
button_Compile: appProperties.uiElements.button({
BackgroundColor: appProperties.primaryButton_BackgroundColor,
BorderColor: appProperties.primaryButton_BorderColor,
Color: appProperties.primaryButton_TextColor
}),
button_Details: appProperties.uiElements.button({
BackgroundColor: appProperties.secondaryButton_BackgroundColor,
BorderColor: appProperties.secondaryButton_BorderColor,
Color: appProperties.secondaryButton_TextColor
}),
button_Publish: appProperties.uiElements.button({
BackgroundColor: appProperties.secondaryButton_BackgroundColor,
BorderColor: appProperties.secondaryButton_BorderColor,
Color: appProperties.secondaryButton_TextColor
}),
dropdown_CompileContract: appProperties.uiElements.dropdown({
BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
}),
box_CompileContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.quaternary_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor
}),
icon_WarnCompilation_Color: appProperties.warning_BackgroundColor
},
/* ::::::::::::::
RUN TAB
::::::::::::::: */
runTab: {
box_RunTab: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBox_BackgroundColor,
Color: appProperties.solidBox_TextColor
}),
dropdown_RunTab: appProperties.uiElements.dropdown({
BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
}),
titlebox_RunTab: appProperties.uiElements.dropdown({
BackgroundColor: appProperties.dropdown_SecondaryBackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
}),
input_RunTab: appProperties.uiElements.inputField({
BackgroundColor: appProperties.input_BackgroundColor,
BorderColor: appProperties.input_BorderColor,
Color: appProperties.input_TextColor
}),
box_Instance: appProperties.uiElements.solidBox({
BackgroundColor: appProperties.solidBox_BackgroundColor,
Color: appProperties.solidBox_TextColor
}),
borderBox_Instance: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBox_BackgroundColor,
Color: appProperties.solidBox_TextColor,
BorderColor: appProperties.solidBorderBox_BorderColor
}),
button_atAddress: appProperties.uiElements.button({
BackgroundColor: appProperties.primaryButton_BackgroundColor,
BorderColor: appProperties.primaryButton_BorderColor,
Color: appProperties.primaryButton_TextColor
}),
button_Create: appProperties.uiElements.button({
BackgroundColor: appProperties.transactButton_BackgroundColor,
BorderColor: appProperties.transactButton_BorderColor,
Color: appProperties.transactButton_TextColor
}),
button_Constant: appProperties.uiElements.button({
BackgroundColor: appProperties.constantButton_BackgroundColor,
BorderColor: appProperties.constantButton_BorderColor,
Color: appProperties.constantButton_TextColor
}),
button_Instance_Call: appProperties.uiElements.button({
BackgroundColor: appProperties.callButton_BackgroundColor,
BorderColor: appProperties.callButton_BorderColor,
Color: appProperties.callButton_TextColor
}),
button_Instance_Transact: appProperties.uiElements.button({
BackgroundColor: appProperties.transactButton_BackgroundColor,
BorderColor: appProperties.transactButton_BorderColor,
Color: appProperties.transactButton_TextColor
}),
button_Instance_TransactPayable: appProperties.uiElements.button({
BackgroundColor: appProperties.transactPayableButton_BackgroundColor,
BorderColor: appProperties.transactPayableButton_BorderColor,
Color: appProperties.transactPayableButton_TextColor
}),
icon_Color_Instance_CopyToClipboard: appProperties.icon_Color,
icon_AltColor_Instance_CopyToClipboard: appProperties.icon_AltColor,
icon_HoverColor_Instance_CopyToClipboard: appProperties.icon_HoverColor
},
/* ::::::::::::::
SETTINGS TAB
::::::::::::::: */
settingsTab: {
box_SolidityVersionInfo: appProperties.uiElements.dottedBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor,
Color: appProperties.solidBorderBox_TextColor
}),
dropdown_SelectCompiler: appProperties.uiElements.dropdown({
BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
})
},
/* ::::::::::::::
DEBUGGER TAB
::::::::::::::: */
debuggerTab: {
text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color,
box_Debugger: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor
}),
button_Debugger: appProperties.uiElements.button({
BackgroundColor: appProperties.teriaryButton_BackgroundColor,
BorderColor: appProperties.secondaryButton_BorderColor,
Color: appProperties.secondaryButton_TextColor
}),
button_Debugger_icon_Color: appProperties.icon_Color,
button_Debugger_icon_HoverColor: appProperties.icon_HoverColor,
dropdown_Debugger: appProperties.uiElements.dropdown({
BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
}),
input_Debugger: appProperties.uiElements.inputField({
BackgroundColor: appProperties.input_BackgroundColor,
BorderColor: appProperties.input_BorderColor,
Color: appProperties.input_TextColor
}),
debuggerDropdowns_Instructions_Highlight_BackgroundColor: appProperties.secondary_BackgroundColor
},
/* ::::::::::::::
ANALYSIS TAB
::::::::::::::: */
analysisTab: {
button_Run_AnalysisTab: appProperties.uiElements.button({
BackgroundColor: appProperties.primaryButton_BackgroundColor,
BorderColor: appProperties.primaryButton_BorderColor,
Color: appProperties.primaryButton_TextColor
}),
box_AnalysisContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor
})
},
/* ::::::::::::::
SUPPORT TAB
::::::::::::::: */
supportTab: {
box_IframeContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BackgroundColor,
Color: appProperties.solidBorderBox_TextColor
}),
box_SupportInfo: appProperties.uiElements.dottedBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor,
Color: appProperties.solidBorderBox_TextColor
})
}
}
}
return {
colors: cssProperties.colors,
appProperties: appProperties,
borders: cssProperties.borders,
leftPanel: remixProperties.leftPanel,
editor: remixProperties.editor,
terminal: remixProperties.terminal,
rightPanel: remixProperties.rightPanel,
remix: remixProperties.remix
}
}
remix-solidity/test/decoder/storageDecoder.js
View file @ 6e043404
...@@ -3,6 +3,8 @@ var tape = require('tape') ...@@ -3,6 +3,8 @@ var tape = require('tape')
var compiler = require('solc') var compiler = require('solc')
var stateDecoder = require('../../src/decoder/stateDecoder') var stateDecoder = require('../../src/decoder/stateDecoder')
var MockStorageResolver = require('./mockStorageResolver') var MockStorageResolver = require('./mockStorageResolver')
var remixLib = require('remix-lib')
var compilerInput = remixLib.helpers.compiler.compilerInput
tape('solidity', function (t) { tape('solidity', function (t) {
t.test('storage decoder', function (st) { t.test('storage decoder', function (st) {
...@@ -269,25 +271,3 @@ function testStructArrayStorage (st, cb) { ...@@ -269,25 +271,3 @@ function testStructArrayStorage (st, cb) {
cb() cb()
}) })
} }
function compilerInput (contracts) {
return JSON.stringify({
language: 'Solidity',
sources: {
'test.sol': {
content: contracts
}
},
settings: {
optimizer: {
enabled: false,
runs: 500
}
},
outputSelection: {
'*': {
'*': [ 'metadata', 'evm.bytecode', 'abi', 'legacyAST', 'metadata', 'evm.assembly', 'evm.methodIdentifiers', 'evm.gasEstimates' ]
}
}
})
}
remix-solidity/test/decoder/storageLocation.js
View file @ 6e043404
...@@ -3,6 +3,8 @@ var tape = require('tape') ...@@ -3,6 +3,8 @@ var tape = require('tape')
var compiler = require('solc') var compiler = require('solc')
var stateDecoder = require('../../src/decoder/stateDecoder') var stateDecoder = require('../../src/decoder/stateDecoder')
var contracts = require('./contracts/miscContracts') var contracts = require('./contracts/miscContracts')
var remixLib = require('remix-lib')
var compilerInput = remixLib.helpers.compiler.compilerInput
tape('solidity', function (t) { tape('solidity', function (t) {
t.test('storage location', function (st) { t.test('storage location', function (st) {
...@@ -55,25 +57,3 @@ function checkLocation (st, location, slot, offset) { ...@@ -55,25 +57,3 @@ function checkLocation (st, location, slot, offset) {
st.equal(location.offset, offset) st.equal(location.offset, offset)
st.equal(location.slot, slot) st.equal(location.slot, slot)
} }
function compilerInput (contracts) {
return JSON.stringify({
language: 'Solidity',
sources: {
'test.sol': {
content: contracts
}
},
settings: {
optimizer: {
enabled: false,
runs: 500
}
},
outputSelection: {
'*': {
'*': [ 'metadata', 'evm.bytecode', 'abi', 'legacyAST', 'metadata', 'evm.assembly', 'evm.methodIdentifiers', 'evm.gasEstimates' ]
}
}
})
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment