Skip to content

B
baas-ide
Commit 6f830b63 authored by yann300's avatar yann300
Browse files
Options

standard

parent 7a2a5d87
Show whitespace changes
Inline Side-by-side
Showing with 347 additions and 367 deletions
src/ui/BasicPanel.js
View file @ 6f830b63
...@@ -4,8 +4,6 @@ var yo = require('yo-yo') ...@@ -4,8 +4,6 @@ var yo = require('yo-yo')
var ui = require('../helpers/ui') var ui = require('../helpers/ui')
var csjs = require('csjs-inject') var csjs = require('csjs-inject')
var styleGuide = require('./styles/style-guide')
var styles = styleGuide()
var css = csjs` var css = csjs`
.container { .container {
......
src/ui/DropdownPanel.js
View file @ 6f830b63
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
var yo = require('yo-yo') var yo = require('yo-yo')
var ui = require('../helpers/ui') var ui = require('../helpers/ui')
var styleDropdown = require('./styles/dropdownPanel') var styleDropdown = require('./styles/dropdownPanel')
var basicStyles = require('./styles/basicStyles')
var TreeView = require('./TreeView') var TreeView = require('./TreeView')
var EventManager = require('../lib/eventManager') var EventManager = require('../lib/eventManager')
......
src/ui/styles/style-guide.js
View file @ 6f830b63
...@@ -3,17 +3,15 @@ ...@@ -3,17 +3,15 @@
module.exports = styleGuide module.exports = styleGuide
function styleGuide () { function styleGuide () {
/* -------------------------------------------------------------------------- /* --------------------------------------------------------------------------
CSS PROPERTIES CSS PROPERTIES
-------------------------------------------------------------------------- */ -------------------------------------------------------------------------- */
var css_properties = { var cssProperties = {
/* ------------------------------------------------------
/********************************************************
COLORS COLORS
******************************************************** */ ------------------------------------------------------ */
colors: { colors: {
// BASIC COLORS (B&W and transparent) // BASIC COLORS (B&W and transparent)
transparent: 'transparent', transparent: 'transparent',
...@@ -44,16 +42,16 @@ function styleGuide () { ...@@ -44,16 +42,16 @@ function styleGuide () {
violet: 'hsla(240, 64%, 68%, 1)' violet: 'hsla(240, 64%, 68%, 1)'
}, },
/******************************************************** /* ------------------------------------------------------
FONTS FONTS
******************************************************** */ ------------------------------------------------------ */
fonts: { fonts: {
font: '14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif', font: '14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif'
}, },
/******************************************************** /* ------------------------------------------------------
BORDERS BORDERS
******************************************************** */ ------------------------------------------------------ */
borders: { borders: {
primary_borderRadius: '3px', primary_borderRadius: '3px',
secondary_borderRadius: '5px' secondary_borderRadius: '5px'
...@@ -66,406 +64,397 @@ function styleGuide () { ...@@ -66,406 +64,397 @@ function styleGuide () {
-------------------------------------------------------------------------- */ -------------------------------------------------------------------------- */
var app_properties = { var appProperties = {
/* ------------------------------------------------------
/********************************************************
BACKGROUND COLORS BACKGROUND COLORS
******************************************************** */ ------------------------------------------------------ */
primary_BackgroundColor: css_properties.colors.white, primary_BackgroundColor: cssProperties.colors.white,
secondary_BackgroundColor: css_properties.colors.backgroundBlue, secondary_BackgroundColor: cssProperties.colors.backgroundBlue,
dark_BackgroundColor: css_properties.colors.veryLightGrey, dark_BackgroundColor: cssProperties.colors.veryLightGrey,
light_BackgroundColor: css_properties.colors.white, light_BackgroundColor: cssProperties.colors.white,
/******************************************************** /* ------------------------------------------------------
RESIZING RESIZING
******************************************************** */ ******************************************************** */
ghostBar: css_properties.colors.lightBlue, ghostBar: cssProperties.colors.lightBlue,
draggingBar: css_properties.colors.lightBlue, draggingBar: cssProperties.colors.lightBlue,
/******************************************************** /* ------------------------------------------------------
TEXT COLORS TEXT COLORS
******************************************************** */ ******************************************************** */
mainText_Color: css_properties.colors.black, mainText_Color: cssProperties.colors.black,
supportText_Color: css_properties.colors.grey, supportText_Color: cssProperties.colors.grey,
errorText_Color: css_properties.colors.red, errorText_Color: cssProperties.colors.red,
warningText_Color: css_properties.colors.orange, warningText_Color: cssProperties.colors.orange,
/******************************************************** /* ------------------------------------------------------
ICONS ICONS
******************************************************** */ ******************************************************** */
icon_Color: css_properties.colors.black, icon_Color: cssProperties.colors.black,
icon_HoverColor: css_properties.colors.orange, icon_HoverColor: cssProperties.colors.orange,
/******************************************************** /* ------------------------------------------------------
MESSAGES MESSAGES
******************************************************** */ ******************************************************** */
// Success // Success
success_TextColor: css_properties.colors.black, success_TextColor: cssProperties.colors.black,
success_BackgroundColor: css_properties.colors.lightGreen, success_BackgroundColor: cssProperties.colors.lightGreen,
success_BorderColor: css_properties.colors.green, success_BorderColor: cssProperties.colors.green,
// Danger // Danger
danger_TextColor: css_properties.colors.black, danger_TextColor: cssProperties.colors.black,
danger_BackgroundColor: css_properties.colors.lightRed, danger_BackgroundColor: cssProperties.colors.lightRed,
danger_BorderColor: css_properties.colors.red, danger_BorderColor: cssProperties.colors.red,
// Warning // Warning
warning_TextColor: css_properties.colors.black, warning_TextColor: cssProperties.colors.black,
warning_BackgroundColor: css_properties.colors.lightOrange, warning_BackgroundColor: cssProperties.colors.lightOrange,
warning_BorderColor: css_properties.colors.orange, warning_BorderColor: cssProperties.colors.orange,
/******************************************************** /* ------------------------------------------------------
DROPDOWN DROPDOWN
******************************************************** */ ******************************************************** */
dropdown_TextColor: css_properties.colors.black, dropdown_TextColor: cssProperties.colors.black,
dropdown_BackgroundColor: css_properties.colors.white, dropdown_BackgroundColor: cssProperties.colors.white,
dropdown_BorderColor: css_properties.colors.veryLightGrey, dropdown_BorderColor: cssProperties.colors.veryLightGrey,
/******************************************************** /* ------------------------------------------------------
INPUT INPUT
******************************************************** */ ******************************************************** */
input_TextColor: css_properties.colors.black, input_TextColor: cssProperties.colors.black,
input_BackgroundColor: css_properties.colors.white, input_BackgroundColor: cssProperties.colors.white,
input_BorderColor: css_properties.colors.veryLightGrey, input_BorderColor: cssProperties.colors.veryLightGrey,
/******************************************************** /* ------------------------------------------------------
SOLID BORDER BOX SOLID BORDER BOX
******************************************************** */ ******************************************************** */
solidBorderBox_TextColor: css_properties.colors.black, solidBorderBox_TextColor: cssProperties.colors.black,
solidBorderBox_BackgroundColor: css_properties.colors.white, solidBorderBox_BackgroundColor: cssProperties.colors.white,
solidBorderBox_BorderColor: css_properties.colors.veryLightGrey, solidBorderBox_BorderColor: cssProperties.colors.veryLightGrey,
/******************************************************** /* ------------------------------------------------------
BUTTONS BUTTONS
******************************************************** */ ******************************************************** */
/* ................. /* .................
PRIMARY PRIMARY
.................. */ .................. */
primaryButton_TextColor: css_properties.colors.black, primaryButton_TextColor: cssProperties.colors.black,
primaryButton_BackgroundColor: css_properties.colors.lightBlue, primaryButton_BackgroundColor: cssProperties.colors.lightBlue,
primaryButton_BorderColor: css_properties.colors.lightBlue, primaryButton_BorderColor: cssProperties.colors.lightBlue,
/* ................. /* .................
SECONDARY SECONDARY
.................. */ .................. */
secondaryButton_TextColor: css_properties.colors.black, secondaryButton_TextColor: cssProperties.colors.black,
secondaryButton_BackgroundColor: css_properties.colors.veryLightGrey, secondaryButton_BackgroundColor: cssProperties.colors.veryLightGrey,
secondaryButton_BorderColor: css_properties.colors.veryLightGrey, secondaryButton_BorderColor: cssProperties.colors.veryLightGrey,
/* ................. /* .................
SUCCESS SUCCESS
.................. */ .................. */
successButton_TextColor: css_properties.colors.white, successButton_TextColor: cssProperties.colors.white,
successButton_BackgroundColor: css_properties.colors.green, successButton_BackgroundColor: cssProperties.colors.green,
successButton_BorderColor: css_properties.colors.green, successButton_BorderColor: cssProperties.colors.green,
/* ................. /* .................
DANGER DANGER
.................. */ .................. */
dangerButton_TextColor: css_properties.colors.white, dangerButton_TextColor: cssProperties.colors.white,
dangerButton_BackgroundColor: css_properties.colors.red, dangerButton_BackgroundColor: cssProperties.colors.red,
dangerButton_BorderColor: css_properties.colors.red, dangerButton_BorderColor: cssProperties.colors.red,
/* ................. /* .................
WARNING WARNING
.................. */ .................. */
warningButton_TextColor: css_properties.colors.white, warningButton_TextColor: cssProperties.colors.white,
warningButton_BackgroundColor: css_properties.colors.orange, warningButton_BackgroundColor: cssProperties.colors.orange,
warningButton_BorderColor: css_properties.colors.orange, warningButton_BorderColor: cssProperties.colors.orange,
/* ................. /* .................
INFO INFO
.................. */ .................. */
infoButton_TextColor: css_properties.colors.black, infoButton_TextColor: cssProperties.colors.black,
infoButton_BackgroundColor: css_properties.colors.white, infoButton_BackgroundColor: cssProperties.colors.white,
infoButton_BorderColor: css_properties.colors.veryLightGrey, infoButton_BorderColor: cssProperties.colors.veryLightGrey,
/* ................. /* .................
SOLIDITY SOLIDITY
.................. */ .................. */
// CALL // CALL
callButton_TextColor: css_properties.colors.black, callButton_TextColor: cssProperties.colors.black,
callButton_BackgroundColor: css_properties.colors.lightBlue, callButton_BackgroundColor: cssProperties.colors.lightBlue,
callButton_BorderColor: css_properties.colors.lightBlue, callButton_BorderColor: cssProperties.colors.lightBlue,
// TRANSACTION // TRANSACTION
transactButton_TextColor: css_properties.colors.black, transactButton_TextColor: cssProperties.colors.black,
transactButton_BackgroundColor: css_properties.colors.lightRed, transactButton_BackgroundColor: cssProperties.colors.lightRed,
transactButton_BorderColor: css_properties.colors.lightRed, transactButton_BorderColor: cssProperties.colors.lightRed,
// PAYABLE TRANSACTION // PAYABLE TRANSACTION
transactPayableButton_TextColor: css_properties.colors.black, transactPayableButton_TextColor: cssProperties.colors.black,
transactPayableButton_BackgroundColor: css_properties.colors.red, transactPayableButton_BackgroundColor: cssProperties.colors.red,
transactPayableButton_BorderColor: css_properties.colors.red, transactPayableButton_BorderColor: cssProperties.colors.red,
/******************************************************** /* ------------------------------------------------------
UI ELEMENTS UI ELEMENTS
******************************************************** */ ******************************************************** */
uiElements: { uiElements: {
solidBorderBox: (opts = {}) => ` solidBorderBox: (opts = {}) => `
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor}
border : 1px solid ${opts.BorderColor}; border : 1px solid ${opts.BorderColor}
color : ${opts.Color}; color : ${opts.Color}
border-radius : ${css_properties.borders.primary_borderRadius}; border-radius : ${cssProperties.borders.primary_borderRadius}
font-size : 12px; font-size : 12px
padding : 10px 15px; padding : 10px 15px
line-height : 20px; line-height : 20px
overflow : hidden; overflow : hidden
word-break : break-word; word-break : break-word
width : 100%; width : 100%
`, `,
dottedBorderBox: (opts = {}) => ` dottedBorderBox: (opts = {}) => `
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor}
border : .2em dotted ${opts.BorderColor}; border : .2em dotted ${opts.BorderColor}
color : ${opts.Color}; color : ${opts.Color}
border-radius : ${css_properties.borders.secondary_borderRadius}; border-radius : ${cssProperties.borders.secondary_borderRadius}
line-height : 20px; line-height : 20px
padding : 8px 15px; padding : 8px 15px
margin-bottom : 1em; margin-bottom : 1em
overflow : hidden; overflow : hidden
word-break : break-word; word-break : break-word
`, `,
inputField: (opts = {}) => ` inputField: (opts = {}) => `
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor}
border : 1px solid ${opts.BorderColor}; border : 1px solid ${opts.BorderColor}
color : ${opts.Color}; color : ${opts.Color}
border-radius : ${css_properties.borders.secondary_borderRadius}; border-radius : ${cssProperties.borders.secondary_borderRadius}
height : 25px; height : 25px
width : 250px; width : 250px
padding : 0 8px; padding : 0 8px
overflow : hidden; overflow : hidden
word-break : normal; word-break : normal
`, `,
dropdown: (opts = {}) => ` dropdown: (opts = {}) => `
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor}
border : 1px solid ${opts.BorderColor}; border : 1px solid ${opts.BorderColor}
color : ${opts.Color}; color : ${opts.Color}
font-size : 12px; font-size : 12px
font-weight : bold; font-weight : bold
padding : 0 8px; padding : 0 8px
text-decoration : none; text-decoration : none
cursor : pointer; cursor : pointer
border-radius : 3px; border-radius : 3px
height : 25px; height : 25px
width : 250px; width : 250px
text-align : center; text-align : center
overflow : hidden; overflow : hidden
word-break : normal; word-break : normal
`, `,
button: (opts = {}) => ` button: (opts = {}) => `
margin : 1px; margin : 1px
background-color : ${opts.BackgroundColor}; background-color : ${opts.BackgroundColor}
border : .3px solid ${opts.BorderColor}; border : .3px solid ${opts.BorderColor}
color : ${opts.Color}; color : ${opts.Color}
display : flex; display : flex
align-items : center; align-items : center
justify-content : center; justify-content : center
border-radius : 3px; border-radius : 3px
cursor : pointer; cursor : pointer
min-height : 25px; min-height : 25px
max-height : 25px; max-height : 25px
width : 70px; width : 70px
min-width : 70px; min-width : 70px
font-size : 12px; font-size : 12px
overflow : hidden; overflow : hidden
word-break : normal; word-break : normal
` `
} }
} }
/* -------------------------------------------------------------------------- /* --------------------------------------------------------------------------
REMIX PROPERTIES REMIX PROPERTIES
-------------------------------------------------------------------------- */ -------------------------------------------------------------------------- */
var remix_properties = {
/******************************************************** var remixProperties = {
/* ------------------------------------------------------
REMIX GENERAL REMIX GENERAL
/******************************************************** */ /* ------------------------------------------------------ */
remix: { remix: {
modalDialog_BackgroundColor_Primary: appProperties.primary_BackgroundColor,
modalDialog_BackgroundColor_Primary: app_properties.primary_BackgroundColor, modalDialog_text_Primary: appProperties.mainText_Color,
modalDialog_text_Primary: app_properties.mainText_Color, modalDialog_text_Secondary: appProperties.supportText_Color,
modalDialog_text_Secondary: app_properties.supportText_Color, modalDialog_Header_Footer_BackgroundColor: appProperties.secondary_BackgroundColor,
modalDialog_Header_Footer_BackgroundColor: app_properties.secondary_BackgroundColor, modalDialog_Header_Footer_Color: appProperties.mainText_Color,
modalDialog_Header_Footer_Color: app_properties.mainText_Color, modalDialog_BoxDottedBorder_BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
modalDialog_BoxDottedBorder_BackgroundColor: app_properties.solidBorderBox_BackgroundColor, modalDialog_BoxDottedBorder_BorderColor: appProperties.solidBorderBox_BorderColor,
modalDialog_BoxDottedBorder_BorderColor: app_properties.solidBorderBox_BorderColor, modalDialog_BoxDottedBorder_Color: appProperties.solidBorderBox_TextColor,
modalDialog_BoxDottedBorder_Color: app_properties.solidBorderBox_TextColor, modalDialog_CopyToClipboard_Icon_Color: appProperties.icon_Color,
modalDialog_CopyToClipboard_Icon_Color: app_properties.icon_Color, modalDialog_CopyToClipboard_Icon_HoverColor: appProperties.icon_HoverColor
modalDialog_CopyToClipboard_Icon_HoverColor: app_properties.icon_HoverColor
}, },
/******************************************************** /* ------------------------------------------------------
LEFT PANEL (FILE PANEL) LEFT PANEL (FILE PANEL)
/******************************************************** */ /* ------------------------------------------------------ */
leftPanel: { leftPanel: {
backgroundColor_Panel: appProperties.primary_BackgroundColor,
backgroundColor_FileExplorer: appProperties.secondary_BackgroundColor,
backgroundColor_Panel: app_properties.primary_BackgroundColor, text_Primary: appProperties.mainText_Color,
backgroundColor_FileExplorer: app_properties.secondary_BackgroundColor, text_Secondary: appProperties.supportText_Color,
text_Primary: app_properties.mainText_Color, bar_Ghost: appProperties.ghostBar,
text_Secondary: app_properties.supportText_Color, bar_Dragging: appProperties.draggingBar,
bar_Ghost: app_properties.ghostBar, icon_Color_Menu: appProperties.icon_Color,
bar_Dragging: app_properties.draggingBar, icon_HoverColor_Menu: appProperties.icon_HoverColor,
icon_Color_Menu: app_properties.icon_Color, icon_Color_TogglePanel: appProperties.icon_Color,
icon_HoverColor_Menu: app_properties.icon_HoverColor, icon_HoverColor_TogglePanel: appProperties.icon_HoverColor
icon_Color_TogglePanel: app_properties.icon_Color,
icon_HoverColor_TogglePanel: app_properties.icon_HoverColor,
}, },
/******************************************************** /* ------------------------------------------------------
EDITOR EDITOR
/******************************************************** */ /* ------------------------------------------------------ */
editor: { editor: {
backgroundColor_Panel: appProperties.primary_BackgroundColor,
backgroundColor_Editor: appProperties.light_BackgroundColor,
backgroundColor_Tabs_Highlights: appProperties.secondary_BackgroundColor,
backgroundColor_DebuggerMode: appProperties.warning_BackgroundColor,
backgroundColor_Panel: app_properties.primary_BackgroundColor, text_Primary: appProperties.mainText_Color,
backgroundColor_Editor: app_properties.light_BackgroundColor, text_Secondary: appProperties.supportText_Color,
backgroundColor_Tabs_Highlights: app_properties.secondary_BackgroundColor,
backgroundColor_DebuggerMode: app_properties.warning_BackgroundColor,
text_Primary: app_properties.mainText_Color,
text_Secondary: app_properties.supportText_Color,
text_Editor: '', text_Editor: '',
icon_Color_Editor: app_properties.icon_Color, icon_Color_Editor: appProperties.icon_Color,
icon_HoverColor_Editor: app_properties.icon_HoverColor, icon_HoverColor_Editor: appProperties.icon_HoverColor
}, },
/******************************************************** /* ------------------------------------------------------
TERMINAL TERMINAL
/******************************************************** */ /* ------------------------------------------------------ */
terminal: { terminal: {
backgroundColor_Menu: appProperties.secondary_BackgroundColor,
backgroundColor_Menu: app_properties.secondary_BackgroundColor, backgroundColor_Terminal: appProperties.dark_BackgroundColor,
backgroundColor_Terminal: app_properties.dark_BackgroundColor,
text_Primary: appProperties.mainText_Color,
text_Primary: app_properties.mainText_Color, text_Secondary: appProperties.supportText_Color,
text_Secondary: app_properties.supportText_Color, text_RegularLog: appProperties.mainText_Color,
text_RegularLog: app_properties.mainText_Color, text_InfoLog: appProperties.supportText_Color,
text_InfoLog: app_properties.supportText_Color, text_ErrorLog: appProperties.errorText_Color,
text_ErrorLog: app_properties.errorText_Color, text_Title_TransactionLog: appProperties.warningText_Color,
text_Title_TransactionLog: app_properties.warningText_Color, text_Regular_TransactionLog: appProperties.supportText_Color,
text_Regular_TransactionLog: app_properties.supportText_Color,
icon_Color_TogglePanel: appProperties.icon_Color,
icon_Color_TogglePanel: app_properties.icon_Color, icon_HoverColor_TogglePanel: appProperties.icon_HoverColor,
icon_HoverColor_TogglePanel: app_properties.icon_HoverColor, icon_Color_Menu: appProperties.icon_Color,
icon_Color_Menu: app_properties.icon_Color, icon_HoverColor_Menu: appProperties.icon_HoverColor,
icon_HoverColor_Menu: app_properties.icon_HoverColor, icon_Color_CopyToClipboard: appProperties.icon_Color,
icon_Color_CopyToClipboard: app_properties.icon_Color, icon_HoverColor_CopyToClipboard: appProperties.icon_HoverColor,
icon_HoverColor_CopyToClipboard: app_properties.icon_HoverColor,
bar_Ghost: appProperties.ghostBar,
bar_Ghost: app_properties.ghostBar, bar_Dragging: appProperties.draggingBar,
bar_Dragging: app_properties.draggingBar,
input_Search_MenuBar: appProperties.uiElements.inputField({
input_Search_MenuBar: app_properties.uiElements.inputField({ BackgroundColor: appProperties.input_BackgroundColor,
BackgroundColor: app_properties.input_BackgroundColor, BorderColor: appProperties.input_BorderColor,
BorderColor: app_properties.input_BorderColor, Color: appProperties.input_TextColor
Color: app_properties.input_TextColor
}), }),
dropdown_Filter_MenuBar: app_properties.uiElements.dropdown({ dropdown_Filter_MenuBar: appProperties.uiElements.dropdown({
BackgroundColor: app_properties.dropdown_BackgroundColor, BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: app_properties.dropdown_BorderColor, BorderColor: appProperties.dropdown_BorderColor,
Color: app_properties.dropdown_TextColor Color: appProperties.dropdown_TextColor
}), }),
button_Log_Debug: app_properties.uiElements.button({ button_Log_Debug: appProperties.uiElements.button({
BackgroundColor: app_properties.warningButton_BackgroundColor, BackgroundColor: appProperties.warningButton_BackgroundColor,
BorderColor: app_properties.warningButton_BorderColor, BorderColor: appProperties.warningButton_BorderColor,
Color: app_properties.warningButton_TextColor Color: appProperties.warningButton_TextColor
}), }),
button_Log_Details: app_properties.uiElements.button({ button_Log_Details: appProperties.uiElements.button({
BackgroundColor: app_properties.secondaryButton_BackgroundColor, BackgroundColor: appProperties.secondaryButton_BackgroundColor,
BorderColor: app_properties.secondaryButton_BorderColor, BorderColor: appProperties.secondaryButton_BorderColor,
Color: app_properties.secondaryButton_TextColor Color: appProperties.secondaryButton_TextColor
}) })
}, },
/******************************************************** /* ------------------------------------------------------
RIGHT PANEL RIGHT PANEL
/******************************************************** */ /* ------------------------------------------------------ */
rightPanel: { rightPanel: {
backgroundColor_Panel: appProperties.primary_BackgroundColor,
backgroundColor_Tab: appProperties.secondary_BackgroundColor,
BackgroundColor_Pre: appProperties.light_BackgroundColor,
backgroundColor_Panel: app_properties.primary_BackgroundColor, text_Primary: appProperties.mainText_Color,
backgroundColor_Tab: app_properties.secondary_BackgroundColor, text_Secondary: appProperties.supportText_Color,
BackgroundColor_Pre: app_properties.light_BackgroundColor,
text_Primary: app_properties.mainText_Color,
text_Secondary: app_properties.supportText_Color,
bar_Ghost: app_properties.ghostBar, bar_Ghost: appProperties.ghostBar,
bar_Dragging: app_properties.draggingBar, bar_Dragging: appProperties.draggingBar,
icon_Color_TogglePanel: app_properties.icon_Color, icon_Color_TogglePanel: appProperties.icon_Color,
icon_HoverColor_TogglePanel: app_properties.icon_HoverColor, icon_HoverColor_TogglePanel: appProperties.icon_HoverColor,
message_Warning_BackgroundColor: app_properties.warning_BackgroundColor, message_Warning_BackgroundColor: appProperties.warning_BackgroundColor,
message_Warning_BorderColor: app_properties.warning_BorderColor, message_Warning_BorderColor: appProperties.warning_BorderColor,
message_Warning_Color: app_properties.warning_TextColor, message_Warning_Color: appProperties.warning_TextColor,
message_Error_BackgroundColor: app_properties.danger_BackgroundColor, message_Error_BackgroundColor: appProperties.danger_BackgroundColor,
message_Error_BorderColor: app_properties.danger_BorderColor, message_Error_BorderColor: appProperties.danger_BorderColor,
message_Error_Color: app_properties.danger_TextColor, message_Error_Color: appProperties.danger_TextColor,
message_Success_BackgroundColor: app_properties.success_BackgroundColor, message_Success_BackgroundColor: appProperties.success_BackgroundColor,
message_Success_BorderColor: app_properties.success_BorderColor, message_Success_BorderColor: appProperties.success_BorderColor,
message_Success_Color: app_properties.success_TextColor, message_Success_Color: appProperties.success_TextColor,
/* :::::::::::::: /* ::::::::::::::
COMPILE TAB COMPILE TAB
::::::::::::::: */ ::::::::::::::: */
compileTab: { compileTab: {
button_Compile: appProperties.uiElements.button({
button_Compile: app_properties.uiElements.button({ BackgroundColor: appProperties.primaryButton_BackgroundColor,
BackgroundColor: app_properties.primaryButton_BackgroundColor, BorderColor: appProperties.primaryButton_BorderColor,
BorderColor: app_properties.primaryButton_BorderColor, Color: appProperties.primaryButton_TextColor
Color: app_properties.primaryButton_TextColor
}), }),
button_Details: app_properties.uiElements.button({ button_Details: appProperties.uiElements.button({
BackgroundColor: app_properties.secondaryButton_BackgroundColor, BackgroundColor: appProperties.secondaryButton_BackgroundColor,
BorderColor: app_properties.secondaryButton_BorderColor, BorderColor: appProperties.secondaryButton_BorderColor,
Color: app_properties.secondaryButton_TextColor Color: appProperties.secondaryButton_TextColor
}), }),
button_Publish: app_properties.uiElements.button({ button_Publish: appProperties.uiElements.button({
BackgroundColor: app_properties.secondaryButton_BackgroundColor, BackgroundColor: appProperties.secondaryButton_BackgroundColor,
BorderColor: app_properties.secondaryButton_BorderColor, BorderColor: appProperties.secondaryButton_BorderColor,
Color: app_properties.secondaryButton_TextColor Color: appProperties.secondaryButton_TextColor
}), }),
dropdown_CompileContract: app_properties.uiElements.dropdown({ dropdown_CompileContract: appProperties.uiElements.dropdown({
BackgroundColor: app_properties.dropdown_BackgroundColor, BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: app_properties.dropdown_BorderColor, BorderColor: appProperties.dropdown_BorderColor,
Color: app_properties.dropdown_TextColor Color: appProperties.dropdown_TextColor
}), }),
box_CompileContainer: app_properties.uiElements.solidBorderBox({ box_CompileContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: app_properties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor:app_properties.solidBorderBox_BorderColor, BorderColor: appProperties.solidBorderBox_BorderColor,
Color: app_properties.solidBorderBox_TextColor Color: appProperties.solidBorderBox_TextColor
}), }),
icon_WarnCompilation_Color: app_properties.warning_BackgroundColor, icon_WarnCompilation_Color: appProperties.warning_BackgroundColor
}, },
...@@ -473,63 +462,62 @@ var remix_properties = { ...@@ -473,63 +462,62 @@ var remix_properties = {
RUN TAB RUN TAB
::::::::::::::: */ ::::::::::::::: */
runTab: { runTab: {
box_RunTab: appProperties.uiElements.solidBorderBox({
box_RunTab: app_properties.uiElements.solidBorderBox({ BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BackgroundColor: app_properties.solidBorderBox_BackgroundColor, BorderColor: appProperties.solidBorderBox_BorderColor,
BorderColor:app_properties.solidBorderBox_BorderColor, Color: appProperties.solidBorderBox_TextColor
Color: app_properties.solidBorderBox_TextColor
}), }),
dropdown_RunTab: app_properties.uiElements.dropdown({ dropdown_RunTab: appProperties.uiElements.dropdown({
BackgroundColor: app_properties.dropdown_BackgroundColor, BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: app_properties.dropdown_BorderColor, BorderColor: appProperties.dropdown_BorderColor,
Color: app_properties.dropdown_TextColor Color: appProperties.dropdown_TextColor
}), }),
input_RunTab: app_properties.uiElements.inputField({ input_RunTab: appProperties.uiElements.inputField({
BackgroundColor: app_properties.input_BackgroundColor, BackgroundColor: appProperties.input_BackgroundColor,
BorderColor: app_properties.input_BorderColor, BorderColor: appProperties.input_BorderColor,
Color: app_properties.input_TextColor Color: appProperties.input_TextColor
}), }),
box_Instance: app_properties.uiElements.solidBorderBox({ box_Instance: appProperties.uiElements.solidBorderBox({
BackgroundColor: app_properties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor:app_properties.solidBorderBox_BorderColor, BorderColor: appProperties.solidBorderBox_BorderColor,
Color: app_properties.solidBorderBox_TextColor Color: appProperties.solidBorderBox_TextColor
}), }),
button_atAddress: app_properties.uiElements.button({ button_atAddress: appProperties.uiElements.button({
BackgroundColor: app_properties.primaryButton_BackgroundColor, BackgroundColor: appProperties.primaryButton_BackgroundColor,
BorderColor: app_properties.primaryButton_BorderColor, BorderColor: appProperties.primaryButton_BorderColor,
Color: app_properties.primaryButton_TextColor Color: appProperties.primaryButton_TextColor
}), }),
button_Create: app_properties.uiElements.button({ button_Create: appProperties.uiElements.button({
BackgroundColor: app_properties.primaryButton_BackgroundColor, BackgroundColor: appProperties.primaryButton_BackgroundColor,
BorderColor: app_properties.primaryButton_BorderColor, BorderColor: appProperties.primaryButton_BorderColor,
Color: app_properties.primaryButton_TextColor Color: appProperties.primaryButton_TextColor
}), }),
button_Instance_Call: app_properties.uiElements.button({ button_Instance_Call: appProperties.uiElements.button({
BackgroundColor: app_properties.callButton_BackgroundColor, BackgroundColor: appProperties.callButton_BackgroundColor,
BorderColor: app_properties.callButton_BorderColor, BorderColor: appProperties.callButton_BorderColor,
Color: app_properties.callButton_TextColor Color: appProperties.callButton_TextColor
}), }),
button_Instance_Transact: app_properties.uiElements.button({ button_Instance_Transact: appProperties.uiElements.button({
BackgroundColor: app_properties.transactButton_BackgroundColor, BackgroundColor: appProperties.transactButton_BackgroundColor,
BorderColor: app_properties.transactButton_BorderColor, BorderColor: appProperties.transactButton_BorderColor,
Color: app_properties.transactButton_TextColor Color: appProperties.transactButton_TextColor
}), }),
button_Instance_TransactPayable: app_properties.uiElements.button({ button_Instance_TransactPayable: appProperties.uiElements.button({
BackgroundColor: app_properties.transactPayableButton_BackgroundColor, BackgroundColor: appProperties.transactPayableButton_BackgroundColor,
BorderColor: app_properties.transactPayableButton_BorderColor, BorderColor: appProperties.transactPayableButton_BorderColor,
Color: app_properties.transactPayableButton_TextColor Color: appProperties.transactPayableButton_TextColor
}), }),
icon_Color_Instance_CopyToClipboard: app_properties.icon_Color, icon_Color_Instance_CopyToClipboard: appProperties.icon_Color,
icon_HoverColor_Instance_CopyToClipboard: app_properties.icon_HoverColor, icon_HoverColor_Instance_CopyToClipboard: appProperties.icon_HoverColor
}, },
...@@ -537,18 +525,17 @@ var remix_properties = { ...@@ -537,18 +525,17 @@ var remix_properties = {
SETTINGS TAB SETTINGS TAB
::::::::::::::: */ ::::::::::::::: */
settingsTab: { settingsTab: {
box_SolidityVersionInfo: appProperties.uiElements.dottedBorderBox({
box_SolidityVersionInfo: app_properties.uiElements.dottedBorderBox({ BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BackgroundColor: app_properties.solidBorderBox_BackgroundColor, BorderColor: appProperties.solidBorderBox_BorderColor,
BorderColor:app_properties.solidBorderBox_BorderColor, Color: appProperties.solidBorderBox_TextColor
Color: app_properties.solidBorderBox_TextColor
}), }),
dropdown_SelectCompiler: app_properties.uiElements.dropdown({ dropdown_SelectCompiler: appProperties.uiElements.dropdown({
BackgroundColor: app_properties.dropdown_BackgroundColor, BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: app_properties.dropdown_BorderColor, BorderColor: appProperties.dropdown_BorderColor,
Color: app_properties.dropdown_TextColor Color: appProperties.dropdown_TextColor
}), })
}, },
...@@ -556,38 +543,37 @@ var remix_properties = { ...@@ -556,38 +543,37 @@ var remix_properties = {
DEBUGGER TAB DEBUGGER TAB
::::::::::::::: */ ::::::::::::::: */
debuggerTab: { debuggerTab: {
text_Primary: appProperties.mainText_Color,
text_Secondary: appProperties.supportText_Color,
text_Primary: app_properties.mainText_Color, box_Debugger: appProperties.uiElements.solidBorderBox({
text_Secondary: app_properties.supportText_Color, BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor,
box_Debugger: app_properties.uiElements.solidBorderBox({ Color: appProperties.solidBorderBox_TextColor
BackgroundColor: app_properties.solidBorderBox_BackgroundColor,
BorderColor:app_properties.solidBorderBox_BorderColor,
Color: app_properties.solidBorderBox_TextColor
}), }),
button_Debugger: app_properties.uiElements.button({ button_Debugger: appProperties.uiElements.button({
BackgroundColor: app_properties.secondaryButton_BackgroundColor, BackgroundColor: appProperties.secondaryButton_BackgroundColor,
BorderColor: app_properties.secondaryButton_BorderColor, BorderColor: appProperties.secondaryButton_BorderColor,
Color: app_properties.secondaryButton_TextColor Color: appProperties.secondaryButton_TextColor
}), }),
button_Debugger_icon_Color: app_properties.icon_Color, button_Debugger_icon_Color: appProperties.icon_Color,
button_Debugger_icon_HoverColor: app_properties.icon_HoverColor, button_Debugger_icon_HoverColor: appProperties.icon_HoverColor,
dropdown_Debugger: app_properties.uiElements.dropdown({ dropdown_Debugger: appProperties.uiElements.dropdown({
BackgroundColor: app_properties.dropdown_BackgroundColor, BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: app_properties.dropdown_BorderColor, BorderColor: appProperties.dropdown_BorderColor,
Color: app_properties.dropdown_TextColor Color: appProperties.dropdown_TextColor
}), }),
input_Debugger: app_properties.uiElements.inputField({ input_Debugger: appProperties.uiElements.inputField({
BackgroundColor: app_properties.input_BackgroundColor, BackgroundColor: appProperties.input_BackgroundColor,
BorderColor: app_properties.input_BorderColor, BorderColor: appProperties.input_BorderColor,
Color: app_properties.input_TextColor Color: appProperties.input_TextColor
}), }),
debuggerDropdowns_Instructions_Highlight_BackgroundColor: app_properties.secondary_BackgroundColor debuggerDropdowns_Instructions_Highlight_BackgroundColor: appProperties.secondary_BackgroundColor
}, },
...@@ -595,51 +581,48 @@ var remix_properties = { ...@@ -595,51 +581,48 @@ var remix_properties = {
ANALYSIS TAB ANALYSIS TAB
::::::::::::::: */ ::::::::::::::: */
analysisTab: { analysisTab: {
button_Run_AnalysisTab: appProperties.uiElements.button({
button_Run_AnalysisTab: app_properties.uiElements.button({ BackgroundColor: appProperties.primaryButton_BackgroundColor,
BackgroundColor: app_properties.primaryButton_BackgroundColor, BorderColor: appProperties.primaryButton_BorderColor,
BorderColor: app_properties.primaryButton_BorderColor, Color: appProperties.primaryButton_TextColor
Color: app_properties.primaryButton_TextColor
}),
box_AnalysisContainer: app_properties.uiElements.solidBorderBox({
BackgroundColor: app_properties.solidBorderBox_BackgroundColor,
BorderColor:app_properties.solidBorderBox_BorderColor,
Color: app_properties.solidBorderBox_TextColor,
}), }),
box_AnalysisContainer: appProperties.uiElements.solidBorderBox({
BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor: appProperties.solidBorderBox_BorderColor,
Color: appProperties.solidBorderBox_TextColor
})
}, },
/* :::::::::::::: /* ::::::::::::::
SUPPORT TAB SUPPORT TAB
::::::::::::::: */ ::::::::::::::: */
supportTab: { supportTab: {
box_IframeContainer: appProperties.uiElements.solidBorderBox({
box_IframeContainer: app_properties.uiElements.solidBorderBox({ BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BackgroundColor: app_properties.solidBorderBox_BackgroundColor, BorderColor: appProperties.solidBorderBox_BorderColor,
BorderColor:app_properties.solidBorderBox_BorderColor, Color: appProperties.solidBorderBox_TextColor
Color: app_properties.solidBorderBox_TextColor
}), }),
box_SupportInfo: app_properties.uiElements.dottedBorderBox({ box_SupportInfo: appProperties.uiElements.dottedBorderBox({
BackgroundColor: app_properties.solidBorderBox_BackgroundColor, BackgroundColor: appProperties.solidBorderBox_BackgroundColor,
BorderColor:app_properties.solidBorderBox_BorderColor, BorderColor: appProperties.solidBorderBox_BorderColor,
Color: app_properties.solidBorderBox_TextColor Color: appProperties.solidBorderBox_TextColor
}) })
} }
} }
} }
return { return {
colors: css_properties.colors, colors: cssProperties.colors,
app_properties: app_properties, appProperties: appProperties,
borders: css_properties.borders, borders: cssProperties.borders,
leftPanel: remix_properties.leftPanel, leftPanel: remixProperties.leftPanel,
editor: remix_properties.editor, editor: remixProperties.editor,
terminal: remix_properties.terminal, terminal: remixProperties.terminal,
rightPanel: remix_properties.rightPanel, rightPanel: remixProperties.rightPanel,
remix: remix_properties.remix remix: remixProperties.remix
} }
} }
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