From c186901c25e225a9bd419842b44e198fb5f11162 Mon Sep 17 00:00:00 2001 From: jeremiG Date: Fri, 4 Jan 2019 01:32:45 -0500 Subject: [PATCH] light branch --- src/app/ui/styles-guide/styleGuideDavid.js | 158 +++++++++++---------- 1 file changed, 83 insertions(+), 75 deletions(-) diff --git a/src/app/ui/styles-guide/styleGuideDavid.js b/src/app/ui/styles-guide/styleGuideDavid.js index ca075833ec..2e4f6e239c 100644 --- a/src/app/ui/styles-guide/styleGuideDavid.js +++ b/src/app/ui/styles-guide/styleGuideDavid.js @@ -1,3 +1,5 @@ +// var csjs = require('csjs-inject') + module.exports = styleGuideDavid function styleGuideDavid () { @@ -13,50 +15,34 @@ function styleGuideDavid () { 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)', + white: 'hsl(0, 0%, 100%)', + black: 'hsl(0, 0%, 0%)', + opacityBlack: 'hsla(0, 0%, 0%, .4)', // BLUE - blue: 'hsla(233, 91%, 36%, 1)', - lightBlue: 'hsla(202, 91%, 75%, 1)', + blue: 'hsla(229, 75%, 87%, 1)', + lightBlue: 'hsla(229, 75%, 87%, .5)', + backgroundBlue: 'hsla(229, 100%, 97%, 1)', blueLightTrans: 'hsla(202, 91%, 75%, .4)', - backgroundBlue: 'hsla(240, 100%, 21%, 1)', 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)', + lightRed: 'hsla(0, 82%, 82%, .5)', // 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)', + lightPink: 'hsla(300, 69%, 76%, .5)', + // ORANGE + orange: 'hsla(44, 100%, 50%, 1)', + lightOrange: 'hsla(44, 100%, 50%, .5)', // VIOLET violet: 'hsla(240, 64%, 68%, 1)', lightViolet: 'hsla(240, 64%, 68%, .5)' @@ -90,21 +76,21 @@ function styleGuideDavid () { ACE THEME ------------------------------------------------------ */ - aceTheme: 'tomorrow_night_blue', + aceTheme: '', /* ------------------------------------------------------ BACKGROUND COLORS ------------------------------------------------------ */ - primary_BackgroundColor: cssProperties.colors.black, + primary_BackgroundColor: cssProperties.colors.white, 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, + 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, debuggingMode_BackgroundColor: cssProperties.colors.lightViolet, - highlight_BackgroundColor: cssProperties.colors.greyBlueMed, + highlight_BackgroundColor: cssProperties.colors.veryLightGrey, /* ------------------------------------------------------ RESIZING ******************************************************** */ @@ -114,22 +100,24 @@ function styleGuideDavid () { /* ------------------------------------------------------ TEXT COLORS ******************************************************** */ - mainText_Color: cssProperties.colors.white, - supportText_Color: cssProperties.colors.lightBlue, - sub_supportText_Color: cssProperties.colors.greyBlueLight, + mainText_Color: cssProperties.colors.black, + supportText_Color: cssProperties.colors.grey, + + sub_supportText_Color: cssProperties.colors.black, specialText_Color: cssProperties.colors.greenZing, - brightText_Color: cssProperties.colors.blueMascara, + brightText_Color: cssProperties.colors.brightBlue, oppositeText_Color: cssProperties.colors.black, - additionalText_Color: cssProperties.colors.desatGrey, + additionalText_Color: cssProperties.colors.veryLightGrey, + errorText_Color: cssProperties.colors.strongRed, warningText_Color: cssProperties.colors.orange, infoText_Color: cssProperties.colors.violet, - greyedText_color: cssProperties.colors.desatGrey, + greyedText_color: cssProperties.colors.veryLightGrey, /* ------------------------------------------------------ ICONS ******************************************************** */ - icon_Color: cssProperties.colors.white, - icon_AltColor: cssProperties.colors.black, + icon_Color: cssProperties.colors.black, + icon_AltColor: cssProperties.colors.white, icon_HoverColor: cssProperties.colors.orange, icon_ConstantColor: cssProperties.colors.black, @@ -148,7 +136,7 @@ function styleGuideDavid () { // Warning warning_TextColor: cssProperties.colors.black, - warning_BackgroundColor: cssProperties.colors.orange, + warning_BackgroundColor: cssProperties.colors.lightOrange, warning_BorderColor: cssProperties.colors.orange, // Tooltip @@ -161,7 +149,7 @@ function styleGuideDavid () { ******************************************************** */ dropdown_TextColor: cssProperties.colors.black, dropdown_BackgroundColor: cssProperties.colors.white, - dropdown_SecondaryBackgroundColor: cssProperties.colors.blueMorningGlory, + dropdown_SecondaryBackgroundColor: cssProperties.colors.white, dropdown_BorderColor: cssProperties.colors.veryLightGrey, /* ------------------------------------------------------ @@ -174,15 +162,15 @@ function styleGuideDavid () { /* ------------------------------------------------------ SOLID BORDER BOX ******************************************************** */ - solidBorderBox_TextColor: cssProperties.colors.white, - solidBorderBox_BackgroundColor: cssProperties.colors.black, - solidBorderBox_BorderColor: cssProperties.colors.lightBlue, + solidBorderBox_TextColor: cssProperties.colors.black, + solidBorderBox_BackgroundColor: cssProperties.colors.white, + solidBorderBox_BorderColor: cssProperties.colors.veryLightGrey, /* ------------------------------------------------------ SOLID BOX ******************************************************** */ - solidBox_TextColor: cssProperties.colors.white, - solidBox_BackgroundColor: cssProperties.colors.black, + solidBox_TextColor: cssProperties.colors.black, + solidBox_BackgroundColor: cssProperties.colors.white, /* ------------------------------------------------------ BUTTONS @@ -199,14 +187,14 @@ function styleGuideDavid () { SECONDARY .................. */ secondaryButton_TextColor: cssProperties.colors.black, - secondaryButton_BackgroundColor: cssProperties.colors.lightBlue, + secondaryButton_BackgroundColor: cssProperties.colors.veryLightGrey, secondaryButton_BorderColor: cssProperties.colors.veryLightGrey, /* ................. Teriary .................. */ - teriaryButton_TextColor: cssProperties.colors.white, - teriaryButton_BackgroundColor: cssProperties.colors.greyBlueMed, + teriaryButton_TextColor: cssProperties.colors.black, + teriaryButton_BackgroundColor: cssProperties.colors.lightGrey, teriaryButton_BorderColor: cssProperties.colors.veryLightGrey, /* ................. @@ -214,7 +202,7 @@ function styleGuideDavid () { Quaternary .................. */ quaternaryButton_TextColor: cssProperties.colors.black, - quaternaryButton_BackgroundColor: cssProperties.colors.blueMascara, + quaternaryButton_BackgroundColor: cssProperties.colors.white, quaternaryButton_BorderColor: cssProperties.colors.veryLightGrey, /* ................. @@ -272,13 +260,13 @@ function styleGuideDavid () { // TRANSACTION transactButton_TextColor: cssProperties.colors.black, - transactButton_BackgroundColor: cssProperties.colors.blueFairyDust, + transactButton_BackgroundColor: cssProperties.colors.lightRed, transactButton_BorderColor: cssProperties.colors.lightRed, // CONSTANT constantButton_TextColor: cssProperties.colors.black, - constantButton_BackgroundColor: cssProperties.colors.greenZing, - constantButton_BorderColor: cssProperties.colors.greenZing, + constantButton_BackgroundColor: cssProperties.colors.lightBlue, + constantButton_BorderColor: cssProperties.colors.lightBlue, // PAYABLE TRANSACTION transactPayableButton_TextColor: cssProperties.colors.black, @@ -349,7 +337,7 @@ function styleGuideDavid () { cursor : pointer; border-radius : 3px; height : 25px; - width : 250px; + width : 100%; text-align : center; overflow : hidden; word-break : normal; @@ -387,8 +375,8 @@ function styleGuideDavid () { REMIX GENERAL /* ------------------------------------------------------ */ remix: { - modalDialog_BackgroundColor_Primary: appProperties.fifth_BackgroundColor, - modalDialog_text_Primary: appProperties.additionalText_Color, + modalDialog_BackgroundColor_Primary: appProperties.primary_BackgroundColor, + modalDialog_text_Primary: appProperties.mainText_Color, modalDialog_text_Secondary: appProperties.supportText_Color, modalDialog_text_Link: appProperties.brightText_Color, modalDialog_text_Em: appProperties.specialText_Color, @@ -402,7 +390,12 @@ function styleGuideDavid () { tooltip_CopyToClipboard_Color: appProperties.tooltip_Color, icon_Color_CopyToClipboard: appProperties.icon_Color, - icon_HoverColor_CopyToClipboard: appProperties.icon_HoverColor + icon_HoverColor_CopyToClipboard: appProperties.icon_HoverColor, + + solidBox: appProperties.uiElements.solidBorderBox({ + BackgroundColor: appProperties.solidBox_BackgroundColor, + Color: appProperties.solidBox_TextColor + }) }, /* ------------------------------------------------------ @@ -434,7 +427,7 @@ function styleGuideDavid () { 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_Highlights: appProperties.secondary_BackgroundColor, backgroundColor_Editor_Context_Error_Highlights: appProperties.error_BackgroundColor, backgroundColor_DebuggerMode: appProperties.debuggingMode_BackgroundColor, @@ -455,18 +448,23 @@ function styleGuideDavid () { backgroundColor_Menu: appProperties.secondary_BackgroundColor, backgroundColor_Terminal: appProperties.seventh_BackgroundColor, backgroundColor_TerminalCLI: appProperties.seventh_BackgroundColor, - backgroundImage_Terminal: "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8ZyBvcGFjaXR5PSIwLjEiPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik03MC41ODIsNDI4LjkwNGMwLjgxMSwwLDEuNjIyLDAuMjg1LDIuNDM3LDAuODU0YzAuODEyLDAuNTcsMS4yMTgsMS4zNCwxLjIxOCwyLjMxMw0KCQkJCWMwLDIuMjc3LTEuMDU5LDMuNDk2LTMuMTY4LDMuNjU2Yy01LjAzOCwwLjgxMy05LjM4MSwyLjM1NS0xMy4wMzYsNC42M2MtMy42NTUsMi4yNzYtNi42NjMsNS4xMTctOS4wMTcsOC41MjgNCgkJCQljLTIuMzU2LDMuNDExLTQuMTA0LDcuMjcxLTUuMjM5LDExLjU3NWMtMS4xMzksNC4zMDctMS43MDYsOC44MTMtMS43MDYsMTMuNTIzdjMyLjY1M2MwLDIuMjcyLTEuMTM5LDMuNDExLTMuNDExLDMuNDExDQoJCQkJYy0yLjI3NywwLTMuNDEyLTEuMTM5LTMuNDEyLTMuNDExdi03NC4zMjNjMC0yLjI3MywxLjEzNS0zLjQxMSwzLjQxMi0zLjQxMWMyLjI3MiwwLDMuNDExLDEuMTM4LDMuNDExLDMuNDExdjE1LjEwOA0KCQkJCWMxLjQ2My0yLjQzOCwzLjIwNi00Ljc1Miw1LjIzOS02Ljk0NWMyLjAyOS0yLjE5Myw0LjI2NS00LjE0Myw2LjcwMS01Ljg0OGMyLjQzNy0xLjcwNiw1LjA3Ni0zLjA4NSw3LjkxOS00LjE0NA0KCQkJCUM2NC43NzEsNDI5LjQzMyw2Ny42NTgsNDI4LjkwNCw3MC41ODIsNDI4LjkwNHoiLz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMzcuNzczLDQyNy4xOThjNS42ODYsMCwxMC45NjYsMS4xODIsMTUuODM5LDMuNTM0YzQuODc0LDIuMzU2LDkuMDU2LDUuNDgyLDEyLjU1MSw5LjM4MQ0KCQkJCWMzLjQ5MSwzLjg5OSw2LjIxNCw4LjQwNyw4LjE2NCwxMy41MjRjMS45NDgsNS4xMTcsMi45MjQsMTAuNDM5LDIuOTI0LDE1Ljk2MWMwLDAuOTc2LTAuMzY2LDEuNzktMS4wOTgsMi40MzgNCgkJCQljLTAuNzMsMC42NS0xLjU4MywwLjk3Ni0yLjU1OSwwLjk3NmgtNjcuOTg3YzAuNDg3LDQuMjI2LDEuNTg0LDguMjg1LDMuMjksMTIuMTg0YzEuNzA2LDMuODk5LDMuOTM4LDcuMzEyLDYuNzAxLDEwLjIzNA0KCQkJCWMyLjc2MSwyLjkyNSw2LjAwOCw1LjI4MSw5Ljc0OCw3LjA2NmMzLjczNSwxLjc4OSw3Ljg3NywyLjY4MiwxMi40MjgsMi42ODJjMTIuMDIxLDAsMjEuMzYtNC43OSwyOC4wMjMtMTQuMzc3DQoJCQkJYzAuNjQ2LTEuMTM3LDEuNjIyLTEuNzA2LDIuOTI0LTEuNzA2YzIuMjczLDAsMy40MTIsMS4xMzksMy40MTIsMy40MTJjMCwwLjE2My0wLjE2NCwwLjcyOS0wLjQ4NywxLjcwNA0KCQkJCWMtMy40MTIsNi4wMTQtOC4yMDUsMTAuNDc5LTE0LjM3NywxMy40MDJjLTYuMTc2LDIuOTI0LTEyLjY3MSw0LjM4Ny0xOS40OTUsNC4zODdjLTUuNjg4LDAtMTAuOTI4LTEuMTgxLTE1LjcxOC0zLjUzMg0KCQkJCWMtNC43OTMtMi4zNTQtOC45MzYtNS40ODMtMTIuNDI4LTkuMzgyYy0zLjQ5NS0zLjg5OS02LjIxNC04LjQwNy04LjE2My0xMy41MjRjLTEuOTUtNS4xMTgtMi45MjQtMTAuNDM4LTIuOTI0LTE1Ljk2Mg0KCQkJCWMwLTUuNTIxLDAuOTc1LTEwLjg0NCwyLjkyNC0xNS45NjFzNC42NjgtOS42MjUsOC4xNjMtMTMuNTI0YzMuNDkyLTMuODk3LDcuNjM0LTcuMDIzLDEyLjQyOC05LjM4MQ0KCQkJCUMxMjYuODQ2LDQyOC4zOCwxMzIuMDg0LDQyNy4xOTgsMTM3Ljc3Myw0MjcuMTk4eiBNMTY5Ljk0LDQ2Ni4xODhjLTAuMzI4LTQuMjIzLTEuMzQxLTguMjg1LTMuMDQ2LTEyLjE4NA0KCQkJCWMtMS43MDYtMy44OTktMy45ODEtNy4zMTItNi44MjMtMTAuMjM1Yy0yLjg0NC0yLjkyNC02LjE3NS01LjI3Ny05Ljk5LTcuMDY3Yy0zLjgxOS0xLjc4NC03LjkyLTIuNjgtMTIuMzA3LTIuNjgNCgkJCQljLTQuNTUsMC04LjY5MSwwLjg5Ni0xMi40MjgsMi42OGMtMy43MzksMS43OS02Ljk4Nyw0LjE0NS05Ljc0OCw3LjA2N2MtMi43NjQsMi45MjQtNC45OTUsNi4zMzYtNi43MDEsMTAuMjM1DQoJCQkJYy0xLjcwNiwzLjg5Ny0yLjgwMiw3Ljk2MS0zLjI5LDEyLjE4NEgxNjkuOTR6Ii8+DQoJCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMzA0LjY5LDQyNy40NDFjNS4wMzQsMCw5LjUwNCwxLjAxOSwxMy40MDIsMy4wNDdjMy44OTksMi4wMzMsNy4xODgsNC42NzIsOS44Nyw3LjkyDQoJCQkJYzIuNjgsMy4yNTEsNC43MDksNy4wNjYsNi4wOTIsMTEuNDUyYzEuMzc5LDQuMzg3LDIuMDcsOC44NTYsMi4wNywxMy40MDJ2NDMuNjJjMCwwLjk3NS0wLjM2NSwxLjc4OS0xLjA5OCwyLjQzOA0KCQkJCWMtMC43MjksMC42NDYtMS41MDMsMC45NzYtMi4zMTIsMC45NzZjLTIuMjc2LDAtMy40MTItMS4xNDEtMy40MTItMy40MTJ2LTQzLjYyYzAtMy41NzEtMC41MjktNy4xMDQtMS41ODQtMTAuNjAxDQoJCQkJYy0xLjA1OS0zLjQ5LTIuNjAyLTYuNjE3LTQuNjMtOS4zODJjLTIuMDMzLTIuNzYxLTQuNTkyLTQuOTUzLTcuNjc3LTYuNThjLTMuMDg4LTEuNjIxLTYuNjYyLTIuNDM2LTEwLjcyMy0yLjQzNg0KCQkJCWMtNS4yLDAtOS41ODcsMS4yMTgtMTMuMTU5LDMuNjU0Yy0zLjU3MywyLjQzOC02LjQ1Niw1LjU2NS04LjY0OSw5LjM4MmMtMi4xOTMsMy44MTgtMy44MTgsOC4wNDItNC44NzQsMTIuNjcyDQoJCQkJYy0xLjA1OSw0LjYzLTEuNTg0LDkuMDU4LTEuNTg0LDEzLjI4djMzLjYyOWMwLDAuOTc1LTAuMzY1LDEuNzg5LTEuMDk2LDIuNDM4Yy0wLjczMSwwLjY0Ni0xLjUwNiwwLjk3Ni0yLjMxNSwwLjk3Ng0KCQkJCWMtMi4yNzYsMC0zLjQxMS0xLjE0MS0zLjQxMS0zLjQxMnYtNDMuNjJjMC0zLjU3MS0wLjUzLTcuMTA0LTEuNTg1LTEwLjYwMWMtMS4wNTgtMy40OS0yLjYwMS02LjYxNy00LjYyOS05LjM4Mg0KCQkJCWMtMi4wMzQtMi43NjEtNC41OTItNC45NTMtNy42NzctNi41OGMtMy4wODctMS42MjEtNi42NjMtMi40MzYtMTAuNzIzLTIuNDM2Yy01LjAzNiwwLTkuMzQ0LDAuODk1LTEyLjkxNSwyLjY4DQoJCQkJYy0zLjU3NCwxLjc5LTYuNTQyLDQuMjY3LTguODk1LDcuNDM0Yy0yLjM1NywzLjE2Ny00LjA2Myw2Ljk0My01LjExNywxMS4zMzFjLTEuMDU5LDQuMzg2LTEuNTg0LDkuMS0xLjU4NCwxNC4xMzR2My44OTh2MC4yNDMNCgkJCQl2MzIuODk3YzAsMi4yNzEtMS4xMzgsMy40MTItMy40MTIsMy40MTJjLTIuMjc1LDAtMy40MTEtMS4xNDEtMy40MTEtMy40MTJ2LTc0LjU2N2MwLTIuMjcyLDEuMTM2LTMuNDExLDMuNDExLTMuNDExDQoJCQkJYzIuMjczLDAsMy40MTIsMS4xMzksMy40MTIsMy40MTF2MTIuNDI4YzIuOTI0LTUuMTk2LDYuODYxLTkuMzgyLDExLjgxOS0xMi41NWM0Ljk1NC0zLjE2NywxMC41MTctNC43NTIsMTYuNjkxLTQuNzUyDQoJCQkJYzYuOTgzLDAsMTIuOTk1LDEuOTkxLDE4LjAzMiw1Ljk3YzUuMDMzLDMuOTgzLDguNjg4LDkuMjI0LDEwLjk2NiwxNS43MmMyLjc2MS02LjMzNiw2LjczOS0xMS41MzMsMTEuOTQtMTUuNTk3DQoJCQkJQzI5MS4xMjUsNDI5LjQ3NSwyOTcuMzgsNDI3LjQ0MSwzMDQuNjksNDI3LjQ0MXoiLz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNzguNzUzLDQyOS4zOTJjMC44MTEsMCwxLjU4NCwwLjM2NSwyLjMxMywxLjA5N2MwLjczMSwwLjczLDEuMDk4LDEuNTA0LDEuMDk4LDIuMzE0djc0LjA4DQoJCQkJYzAsMC44MTMtMC4zNjUsMS41ODQtMS4wOTgsMi4zMTRjLTAuNzI5LDAuNzMtMS41MDQsMS4wOTgtMi4zMTMsMS4wOThjLTAuOTc2LDAtMS43OS0wLjM2Ni0yLjQzOC0xLjA5OA0KCQkJCWMtMC42NDktMC43My0wLjk3NS0xLjUwMS0wLjk3NS0yLjMxNHYtNzQuMDhjMC0wLjgxMiwwLjMyNC0xLjU4NCwwLjk3NS0yLjMxNEMzNzYuOTYzLDQyOS43NTgsMzc3Ljc3OCw0MjkuMzkyLDM3OC43NTMsNDI5LjM5MnoiDQoJCQkJLz4NCgkJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00NzMuMzQsNDI4LjY2YzIuMjcyLDAsMy40MTIsMS4xNCwzLjQxMiwzLjQxMWwtMC40ODcsMS45NWwtMjQuMzY4LDM1LjMzNGwyNC4zNjgsMzUuNTc3DQoJCQkJYzAuMzIzLDAuOTc2LDAuNDg3LDEuNjI2LDAuNDg3LDEuOTVjMCwyLjI3MS0xLjE0LDMuNDEyLTMuNDEyLDMuNDEyYy0xLjMwMywwLTIuMTkzLTAuNDg4LTIuNjgxLTEuNDY0bC0yMi45MDUtMzMuMzg0DQoJCQkJbC0yMi42NjMsMzMuMzg0Yy0wLjgxNCwwLjk3Ni0xLjc5LDEuNDY0LTIuOTI1LDEuNDY0Yy0yLjI3NiwwLTMuNDEtMS4xNDEtMy40MS0zLjQxMmMwLTAuMzI0LDAuMTU4LTAuOTc2LDAuNDg1LTEuOTUNCgkJCQlsMjQuMzY5LTM1LjU3N2wtMjQuMzY5LTM1LjMzNGwtMC40ODUtMS45NWMwLTIuMjcxLDEuMTM0LTMuNDExLDMuNDEtMy40MTFjMS4xMzUsMCwyLjEwOSwwLjQ4NywyLjkyNSwxLjQ2MmwyMi42NjMsMzMuMTQyDQoJCQkJbDIyLjkwNS0zMy4xNDJDNDcxLjE0Niw0MjkuMTQ3LDQ3Mi4wMzcsNDI4LjY2LDQ3My4zNCw0MjguNjZ6Ii8+DQoJCTwvZz4NCgkJPGc+DQoJCQk8Zz4NCgkJCQk8ZyBvcGFjaXR5PSIwLjQ1Ij4NCgkJCQkJPGc+DQoJCQkJCQk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE1MC43MzQsMTk2LjIxMiAyNTUuOTY5LDM0NC41MDkgMjU1Ljk2OSwyNTguMzg3Ii8+DQoJCQkJCTwvZz4NCgkJCQk8L2c+DQoJCQkJPGcgb3BhY2l0eT0iMC44Ij4NCgkJCQkJPGc+DQoJCQkJCQk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjI1NS45NjksMjU4LjM4NyAyNTUuOTY5LDM0NC41MDkgMzYxLjI2NywxOTYuMjEyIi8+DQoJCQkJCTwvZz4NCgkJCQk8L2c+DQoJCQkJPGcgb3BhY2l0eT0iMC42Ij4NCgkJCQkJPGc+DQoJCQkJCQk8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjI1NS45NjksMTI2Ljc4MSAxNTAuNzMzLDE3NC42MTEgMjU1Ljk2OSwyMzYuODE4IDM2MS4yMDQsMTc0LjYxMSIvPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJCTxnIG9wYWNpdHk9IjAuNDUiPg0KCQkJCQk8Zz4NCgkJCQkJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTUwLjczNCwxNzQuNjEyIDI1NS45NjksMjM2LjgxOCAyNTUuOTY5LDEyNi43ODIgMjU1Ljk2OSwwLjAwMSIvPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJCTxnIG9wYWNpdHk9IjAuOCI+DQoJCQkJCTxnPg0KCQkJCQkJPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSIyNTUuOTY5LDAgMjU1Ljk2OSwxMjYuNzgxIDI1NS45NjksMjM2LjgxOCAzNjEuMjA0LDE3NC42MTEiLz4NCgkJCQkJPC9nPg0KCQkJCTwvZz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvc3ZnPg0K')", + backgroundImage_Terminal: "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8ZyBvcGFjaXR5PSIwLjEiPg0KCQk8Zz4NCgkJCTxwYXRoIGZpbGw9IiM0MTQwNDIiIGQ9Ik03MC41ODIsNDI4LjkwNGMwLjgxMSwwLDEuNjIyLDAuMjg1LDIuNDM3LDAuODUzYzAuODExLDAuNTcxLDEuMjE4LDEuMzQsMS4yMTgsMi4zMTQNCgkJCQljMCwyLjI3Ny0xLjA1OSwzLjQ5Ni0zLjE2OCwzLjY1NmMtNS4wMzgsMC44MTQtOS4zODEsMi4zNTYtMTMuMDM3LDQuNjNjLTMuNjU1LDIuMjc2LTYuNjYzLDUuMTE3LTkuMDE2LDguNTI4DQoJCQkJYy0yLjM1NywzLjQxMS00LjEwNCw3LjI3Mi01LjIzOSwxMS41NzVjLTEuMTM5LDQuMzA3LTEuNzA2LDguODE0LTEuNzA2LDEzLjUyNHYzMi42NTNjMCwyLjI3My0xLjEzOSwzLjQxMS0zLjQxMiwzLjQxMQ0KCQkJCWMtMi4yNzcsMC0zLjQxMi0xLjEzOC0zLjQxMi0zLjQxMXYtNzQuMzIzYzAtMi4yNzMsMS4xMzUtMy40MTEsMy40MTItMy40MTFjMi4yNzMsMCwzLjQxMiwxLjEzOCwzLjQxMiwzLjQxMXYxNS4xMDgNCgkJCQljMS40NjItMi40MzcsMy4yMDYtNC43NTIsNS4yMzktNi45NDVjMi4wMjktMi4xOTMsNC4yNjQtNC4xNDMsNi43MDEtNS44NDhjMi40MzctMS43MDYsNS4wNzYtMy4wODUsNy45MTktNC4xNDMNCgkJCQlDNjQuNzcxLDQyOS40MzMsNjcuNjU4LDQyOC45MDQsNzAuNTgyLDQyOC45MDR6Ii8+DQoJCQk8cGF0aCBmaWxsPSIjNDE0MDQyIiBkPSJNMTM3Ljc3Myw0MjcuMTk4YzUuNjg1LDAsMTAuOTY2LDEuMTgxLDE1LjgzOSwzLjUzNGM0Ljg3NCwyLjM1Niw5LjA1NSw1LjQ4MiwxMi41NSw5LjM4MQ0KCQkJCWMzLjQ5MiwzLjg5OSw2LjIxNCw4LjQwNyw4LjE2NCwxMy41MjRjMS45NDksNS4xMTcsMi45MjQsMTAuNDQsMi45MjQsMTUuOTYxYzAsMC45NzYtMC4zNjYsMS43OS0xLjA5NywyLjQzOA0KCQkJCWMtMC43MzEsMC42NS0xLjU4MywwLjk3NS0yLjU1OSwwLjk3NWgtNjcuOTg3YzAuNDg3LDQuMjI2LDEuNTg0LDguMjg1LDMuMjksMTIuMTg0YzEuNzA2LDMuODk5LDMuOTM3LDcuMzEyLDYuNzAxLDEwLjIzNA0KCQkJCWMyLjc2MSwyLjkyNSw2LjAwOCw1LjI4MSw5Ljc0OCw3LjA2N2MzLjczNSwxLjc4OSw3Ljg3NywyLjY4MSwxMi40MjgsMi42ODFjMTIuMDIxLDAsMjEuMzYtNC43OSwyOC4wMjMtMTQuMzc3DQoJCQkJYzAuNjQ3LTEuMTM2LDEuNjIyLTEuNzA2LDIuOTI0LTEuNzA2YzIuMjczLDAsMy40MTIsMS4xMzksMy40MTIsMy40MTJjMCwwLjE2My0wLjE2NCwwLjczLTAuNDg3LDEuNzA1DQoJCQkJYy0zLjQxMiw2LjAxMy04LjIwNSwxMC40NzktMTQuMzc3LDEzLjQwMmMtNi4xNzYsMi45MjQtMTIuNjcxLDQuMzg3LTE5LjQ5NSw0LjM4N2MtNS42ODksMC0xMC45MjgtMS4xODEtMTUuNzE4LTMuNTMzDQoJCQkJYy00Ljc5My0yLjM1NC04LjkzNi01LjQ4My0xMi40MjgtOS4zODJjLTMuNDk1LTMuODk5LTYuMjE0LTguNDA3LTguMTYzLTEzLjUyNGMtMS45NS01LjExOC0yLjkyNC0xMC40MzctMi45MjQtMTUuOTYyDQoJCQkJYzAtNS41MjEsMC45NzUtMTAuODQ0LDIuOTI0LTE1Ljk2MWMxLjk0OS01LjExNyw0LjY2OC05LjYyNSw4LjE2My0xMy41MjRjMy40OTItMy44OTgsNy42MzQtNy4wMjQsMTIuNDI4LTkuMzgxDQoJCQkJQzEyNi44NDYsNDI4LjM3OSwxMzIuMDg0LDQyNy4xOTgsMTM3Ljc3Myw0MjcuMTk4eiBNMTY5Ljk0LDQ2Ni4xODhjLTAuMzI4LTQuMjIzLTEuMzQxLTguMjg1LTMuMDQ2LTEyLjE4NA0KCQkJCWMtMS43MDYtMy44OTktMy45ODItNy4zMTItNi44MjMtMTAuMjM1Yy0yLjg0NC0yLjkyNC02LjE3NS01LjI3Ny05Ljk5MS03LjA2N2MtMy44MTktMS43ODUtNy45Mi0yLjY4LTEyLjMwNi0yLjY4DQoJCQkJYy00LjU1LDAtOC42OTIsMC44OTUtMTIuNDI4LDIuNjhjLTMuNzM5LDEuNzktNi45ODcsNC4xNDQtOS43NDgsNy4wNjdjLTIuNzY0LDIuOTI0LTQuOTk1LDYuMzM2LTYuNzAxLDEwLjIzNQ0KCQkJCWMtMS43MDYsMy44OTgtMi44MDIsNy45NjEtMy4yOSwxMi4xODRIMTY5Ljk0eiIvPg0KCQkJPHBhdGggZmlsbD0iIzQxNDA0MiIgZD0iTTMwNC42OSw0MjcuNDQxYzUuMDM0LDAsOS41MDQsMS4wMTgsMTMuNDAyLDMuMDQ3YzMuODk5LDIuMDMzLDcuMTg5LDQuNjcyLDkuODcsNy45Mg0KCQkJCWMyLjY4LDMuMjUxLDQuNzA5LDcuMDY2LDYuMDkyLDExLjQ1MmMxLjM3OSw0LjM4NywyLjA3LDguODU2LDIuMDcsMTMuNDAydjQzLjYyYzAsMC45NzUtMC4zNjUsMS43ODktMS4wOTcsMi40MzgNCgkJCQljLTAuNzMsMC42NDYtMS41MDMsMC45NzUtMi4zMTMsMC45NzVjLTIuMjc2LDAtMy40MTItMS4xNC0zLjQxMi0zLjQxMnYtNDMuNjJjMC0zLjU3MS0wLjUyOS03LjEwNC0xLjU4NC0xMC42DQoJCQkJYy0xLjA1OS0zLjQ5MS0yLjYwMi02LjYxOC00LjYzLTkuMzgyYy0yLjAzMy0yLjc2MS00LjU5Mi00Ljk1My03LjY3Ny02LjU4Yy0zLjA4OC0xLjYyMS02LjY2Mi0yLjQzNi0xMC43MjItMi40MzYNCgkJCQljLTUuMiwwLTkuNTg3LDEuMjE4LTEzLjE1OSwzLjY1NGMtMy41NzQsMi40MzgtNi40NTcsNS41NjYtOC42NSw5LjM4MmMtMi4xOTMsMy44MTktMy44MTgsOC4wNDItNC44NzQsMTIuNjcyDQoJCQkJYy0xLjA1OSw0LjYzLTEuNTg0LDkuMDU4LTEuNTg0LDEzLjI4djMzLjYyOWMwLDAuOTc1LTAuMzY1LDEuNzg5LTEuMDk2LDIuNDM4Yy0wLjczMSwwLjY0Ni0xLjUwNSwwLjk3NS0yLjMxNSwwLjk3NQ0KCQkJCWMtMi4yNzYsMC0zLjQxMS0xLjE0LTMuNDExLTMuNDEydi00My42MmMwLTMuNTcxLTAuNTMtNy4xMDQtMS41ODUtMTAuNmMtMS4wNTgtMy40OTEtMi42MDEtNi42MTgtNC42MjktOS4zODINCgkJCQljLTIuMDM0LTIuNzYxLTQuNTkyLTQuOTUzLTcuNjc3LTYuNThjLTMuMDg3LTEuNjIxLTYuNjYzLTIuNDM2LTEwLjcyMi0yLjQzNmMtNS4wMzcsMC05LjM0NCwwLjg5NS0xMi45MTUsMi42OA0KCQkJCWMtMy41NzUsMS43OS02LjU0Miw0LjI2Ni04Ljg5NSw3LjQzM2MtMi4zNTcsMy4xNjctNC4wNjMsNi45NDQtNS4xMTcsMTEuMzMxYy0xLjA1OSw0LjM4Ni0xLjU4NCw5LjEtMS41ODQsMTQuMTM0djMuODk5djAuMjQzDQoJCQkJdjMyLjg5N2MwLDIuMjcyLTEuMTM4LDMuNDEyLTMuNDEyLDMuNDEyYy0yLjI3NiwwLTMuNDExLTEuMTQtMy40MTEtMy40MTJ2LTc0LjU2N2MwLTIuMjczLDEuMTM1LTMuNDExLDMuNDExLTMuNDExDQoJCQkJYzIuMjczLDAsMy40MTIsMS4xMzgsMy40MTIsMy40MTF2MTIuNDI4YzIuOTI0LTUuMTk3LDYuODYxLTkuMzgyLDExLjgxOS0xMi41NWM0Ljk1NC0zLjE2NywxMC41MTctNC43NTIsMTYuNjkyLTQuNzUyDQoJCQkJYzYuOTgzLDAsMTIuOTk1LDEuOTkxLDE4LjAzMiw1Ljk3YzUuMDMzLDMuOTgzLDguNjg4LDkuMjIzLDEwLjk2NiwxNS43MTljMi43Ni02LjMzNiw2LjczOS0xMS41MzMsMTEuOTQtMTUuNTk2DQoJCQkJQzI5MS4xMjUsNDI5LjQ3NSwyOTcuMzgsNDI3LjQ0MSwzMDQuNjksNDI3LjQ0MXoiLz4NCgkJCTxwYXRoIGZpbGw9IiM0MTQwNDIiIGQ9Ik0zNzguNzUzLDQyOS4zOTJjMC44MTEsMCwxLjU4NCwwLjM2NSwyLjMxNCwxLjA5N2MwLjczMSwwLjczLDEuMDk3LDEuNTA0LDEuMDk3LDIuMzE0djc0LjA4DQoJCQkJYzAsMC44MTQtMC4zNjUsMS41ODQtMS4wOTcsMi4zMTVjLTAuNzMsMC43My0xLjUwNCwxLjA5Ny0yLjMxNCwxLjA5N2MtMC45NzUsMC0xLjc5LTAuMzY2LTIuNDM4LTEuMDk3DQoJCQkJYy0wLjY1LTAuNzMxLTAuOTc1LTEuNTAxLTAuOTc1LTIuMzE1di03NC4wOGMwLTAuODExLDAuMzI0LTEuNTg0LDAuOTc1LTIuMzE0QzM3Ni45NjMsNDI5Ljc1NywzNzcuNzc4LDQyOS4zOTIsMzc4Ljc1Myw0MjkuMzkyeiINCgkJCQkvPg0KCQkJPHBhdGggZmlsbD0iIzQxNDA0MiIgZD0iTTQ3My4zNCw0MjguNjZjMi4yNzMsMCwzLjQxMiwxLjEzOSwzLjQxMiwzLjQxMWwtMC40ODcsMS45NWwtMjQuMzY4LDM1LjMzNGwyNC4zNjgsMzUuNTc3DQoJCQkJYzAuMzIzLDAuOTc2LDAuNDg3LDEuNjI2LDAuNDg3LDEuOTVjMCwyLjI3Mi0xLjEzOSwzLjQxMi0zLjQxMiwzLjQxMmMtMS4zMDIsMC0yLjE5My0wLjQ4OC0yLjY4LTEuNDYzbC0yMi45MDYtMzMuMzg0DQoJCQkJbC0yMi42NjMsMzMuMzg0Yy0wLjgxNCwwLjk3NS0xLjc5LDEuNDYzLTIuOTI0LDEuNDYzYy0yLjI3NywwLTMuNDExLTEuMTQtMy40MTEtMy40MTJjMC0wLjMyNCwwLjE1OS0wLjk3NSwwLjQ4Ni0xLjk1DQoJCQkJbDI0LjM2OS0zNS41NzdsLTI0LjM2OS0zNS4zMzRsLTAuNDg2LTEuOTVjMC0yLjI3MiwxLjEzNC0zLjQxMSwzLjQxMS0zLjQxMWMxLjEzNCwwLDIuMTA5LDAuNDg3LDIuOTI0LDEuNDYybDIyLjY2MywzMy4xNDENCgkJCQlsMjIuOTA2LTMzLjE0MUM0NzEuMTQ2LDQyOS4xNDcsNDcyLjAzOCw0MjguNjYsNDczLjM0LDQyOC42NnoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxnPg0KCQkJCTxnIG9wYWNpdHk9IjAuNDUiPg0KCQkJCQk8Zz4NCgkJCQkJCTxwb2x5Z29uIGZpbGw9IiMwMTAxMDEiIHBvaW50cz0iMTUwLjczNCwxOTYuMjEyIDI1NS45NjksMzQ0LjUwOCAyNTUuOTY5LDI1OC4zODciLz4NCgkJCQkJPC9nPg0KCQkJCTwvZz4NCgkJCQk8ZyBvcGFjaXR5PSIwLjgiPg0KCQkJCQk8Zz4NCgkJCQkJCTxwb2x5Z29uIGZpbGw9IiMwMTAxMDEiIHBvaW50cz0iMjU1Ljk2OSwyNTguMzg3IDI1NS45NjksMzQ0LjUwOCAzNjEuMjY3LDE5Ni4yMTIiLz4NCgkJCQkJPC9nPg0KCQkJCTwvZz4NCgkJCQk8ZyBvcGFjaXR5PSIwLjYiPg0KCQkJCQk8Zz4NCgkJCQkJCTxwb2x5Z29uIGZpbGw9IiMwMTAxMDEiIHBvaW50cz0iMjU1Ljk2OSwxMjYuNzgxIDE1MC43MzMsMTc0LjYxMSAyNTUuOTY5LDIzNi44MTggMzYxLjIwNCwxNzQuNjExIi8+DQoJCQkJCTwvZz4NCgkJCQk8L2c+DQoJCQkJPGcgb3BhY2l0eT0iMC40NSI+DQoJCQkJCTxnPg0KCQkJCQkJPHBvbHlnb24gZmlsbD0iIzAxMDEwMSIgcG9pbnRzPSIxNTAuNzM0LDE3NC42MTIgMjU1Ljk2OSwyMzYuODE4IDI1NS45NjksMTI2Ljc4MiAyNTUuOTY5LDAuMDAxIi8+DQoJCQkJCTwvZz4NCgkJCQk8L2c+DQoJCQkJPGcgb3BhY2l0eT0iMC44Ij4NCgkJCQkJPGc+DQoJCQkJCQk8cG9seWdvbiBmaWxsPSIjMDEwMTAxIiBwb2ludHM9IjI1NS45NjksMCAyNTUuOTY5LDEyNi43ODEgMjU1Ljk2OSwyMzYuODE4IDM2MS4yMDQsMTc0LjYxMSIvPg0KCQkJCQk8L2c+DQoJCQkJPC9nPg0KCQkJPC9nPg0KCQk8L2c+DQoJPC9nPg0KPC9zdmc+DQo=')", text_Primary: appProperties.mainText_Color, text_Secondary: appProperties.supportText_Color, text_RegularLog: appProperties.mainText_Color, text_InfoLog: appProperties.supportText_Color, - text_WarnLog: appProperties.warningText_Color, text_ErrorLog: appProperties.errorText_Color, + text_WarnLog: appProperties.warningText_Color, text_Title_TransactionLog: appProperties.infoText_Color, text_Regular_TransactionLog: appProperties.supportText_Color, text_Button: appProperties.oppositeText_Color, + icon_Color_Log_Succeed: appProperties.success_BorderColor, + icon_Color_Log_Failed: appProperties.errorText_Color, + icon_BackgroundColor_Log_Call: appProperties.infoText_Color, + icon_Color_Log_Call: appProperties.icon_AltColor, + icon_Color_TogglePanel: appProperties.icon_Color, icon_HoverColor_TogglePanel: appProperties.icon_HoverColor, icon_Color_Menu: appProperties.icon_Color, @@ -505,9 +503,9 @@ function styleGuideDavid () { RIGHT PANEL /* ------------------------------------------------------ */ rightPanel: { - backgroundColor_Panel: appProperties.seventh_BackgroundColor, - backgroundColor_Tab: appProperties.seventh_BackgroundColor, - BackgroundColor_Pre: appProperties.dark_BackgroundColor, + backgroundColor_Panel: appProperties.fifth_BackgroundColor, + backgroundColor_Tab: appProperties.fifth_BackgroundColor, + BackgroundColor_Pre: appProperties.primary_BackgroundColor, text_Primary: appProperties.mainText_Color, text_Secondary: appProperties.supportText_Color, @@ -545,13 +543,13 @@ function styleGuideDavid () { button_Details: appProperties.uiElements.button({ BackgroundColor: appProperties.secondaryButton_BackgroundColor, BorderColor: appProperties.secondaryButton_BorderColor, - Color: appProperties.primaryButton_TextColor + Color: appProperties.secondaryButton_TextColor }), button_Publish: appProperties.uiElements.button({ BackgroundColor: appProperties.secondaryButton_BackgroundColor, BorderColor: appProperties.secondaryButton_BorderColor, - Color: appProperties.teriaryButton_TextColor + Color: appProperties.secondaryButton_TextColor }), dropdown_CompileContract: appProperties.uiElements.dropdown({ @@ -561,7 +559,7 @@ function styleGuideDavid () { }), box_CompileContainer: appProperties.uiElements.solidBorderBox({ - BackgroundColor: appProperties.primary_BackgroundColor, + BackgroundColor: appProperties.quaternary_BackgroundColor, BorderColor: appProperties.solidBorderBox_BackgroundColor, Color: appProperties.solidBorderBox_TextColor }), @@ -574,11 +572,20 @@ function styleGuideDavid () { RUN TAB ::::::::::::::: */ runTab: { + + additionalText_Color: appProperties.additionalText_Color, + box_RunTab: appProperties.uiElements.solidBorderBox({ BackgroundColor: appProperties.solidBox_BackgroundColor, Color: appProperties.solidBox_TextColor }), + box_Info_RunTab: appProperties.uiElements.dottedBorderBox({ + BackgroundColor: appProperties.solidBorderBox_BackgroundColor, + BorderColor: appProperties.solidBorderBox_BorderColor, + Color: appProperties.solidBorderBox_TextColor + }), + dropdown_RunTab: appProperties.uiElements.dropdown({ BackgroundColor: appProperties.dropdown_BackgroundColor, BorderColor: appProperties.dropdown_BorderColor, @@ -641,7 +648,10 @@ function styleGuideDavid () { icon_Color_Instance_CopyToClipboard: appProperties.icon_Color, icon_AltColor_Instance_CopyToClipboard: appProperties.icon_AltColor, - icon_HoverColor_Instance_CopyToClipboard: appProperties.icon_HoverColor + icon_HoverColor_Instance_CopyToClipboard: appProperties.icon_HoverColor, + + icon_Color: appProperties.icon_Color, + icon_HoverColor: appProperties.icon_HoverColor }, @@ -692,13 +702,11 @@ function styleGuideDavid () { BorderColor: appProperties.secondaryButton_BorderColor, Color: appProperties.secondaryButton_TextColor }), - button_initPlugin: appProperties.uiElements.button({ BackgroundColor: appProperties.transactButton_BackgroundColor, BorderColor: appProperties.transactButton_BorderColor, Color: appProperties.secondaryButton_TextColor }) - }, /* :::::::::::::: @@ -716,16 +724,16 @@ function styleGuideDavid () { }), button_Debugger: appProperties.uiElements.button({ - BackgroundColor: appProperties.teriaryButton_BackgroundColor, + BackgroundColor: appProperties.secondaryButton_BackgroundColor, BorderColor: appProperties.secondaryButton_BorderColor, - Color: appProperties.teriaryButton_TextColor + Color: appProperties.secondaryButton_TextColor }), button_Debugger_icon_Color: appProperties.icon_ConstantColor, button_Debugger_icon_HoverColor: appProperties.icon_HoverColor, dropdown_Debugger: appProperties.uiElements.dropdown({ - BackgroundColor: appProperties.dropdown_BackgroundColor, + BackgroundColor: cssProperties.colors.veryLightGrey, BorderColor: appProperties.dropdown_BorderColor, Color: appProperties.dropdown_TextColor }),