diff --git a/src/app/execution/txLogger.js b/src/app/execution/txLogger.js index 4aa5932065..356dafe825 100644 --- a/src/app/execution/txLogger.js +++ b/src/app/execution/txLogger.js @@ -43,10 +43,23 @@ var css = csjs` float: left; } .succeeded { - color: green; + color: ${styles.terminal.icon_Color_Log_Succeed}; } .failed { - color: red; + color: ${styles.terminal.icon_Color_Log_Failed}; + } + .call { + font-size: 7px; + background-color: ${styles.terminal.icon_BackgroundColor_Log_Call}; + border-radius: 50%; + min-width: 20px; + min-height: 20px; + display: flex; + justify-content: center; + align-items: center; + color: ${styles.terminal.icon_Color_Log_Call}; + text-transform: uppercase; + font-weight: bold; } .txItem { color: ${styles.terminal.text_Primary}; @@ -274,8 +287,11 @@ function renderEmptyBlock (self, data) { } function checkTxStatus (tx, type) { - if (tx.status === '0x1' || type === 'call') { + if (tx.status === '0x1') { return yo`` + } + if (type === 'call') { + return yo`call` } else { return yo`` } diff --git a/src/app/ui/styles-guide/style-guide.js b/src/app/ui/styles-guide/style-guide.js index 3f161d3c69..41bf21fb2d 100644 --- a/src/app/ui/styles-guide/style-guide.js +++ b/src/app/ui/styles-guide/style-guide.js @@ -459,6 +459,11 @@ function styleGuide () { 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,