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,