You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by ma...@apache.org on 2022/03/28 12:13:10 UTC
[camel-karavan] branch main updated: Colors adjust (#237)
This is an automated email from the ASF dual-hosted git repository.
marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git
The following commit(s) were added to refs/heads/main by this push:
new 476b522 Colors adjust (#237)
476b522 is described below
commit 476b5224f24fb2a7ec9f3e310ab90906b53e3ab0
Author: Marat Gubaidullin <ma...@gmail.com>
AuthorDate: Mon Mar 28 08:13:04 2022 -0400
Colors adjust (#237)
---
karavan-designer/src/designer/KaravanDesigner.tsx | 2 +-
karavan-vscode/webview/index.css | 31 ++++++++++++++++-------
2 files changed, 23 insertions(+), 10 deletions(-)
diff --git a/karavan-designer/src/designer/KaravanDesigner.tsx b/karavan-designer/src/designer/KaravanDesigner.tsx
index 6388480..d7bb1d1 100644
--- a/karavan-designer/src/designer/KaravanDesigner.tsx
+++ b/karavan-designer/src/designer/KaravanDesigner.tsx
@@ -223,7 +223,7 @@ export class KaravanDesigner extends React.Component<Props, State> {
<Tab eventKey='traits' title={this.getTab("Traits", "traits configuration", "traits")}></Tab>
<Tab eventKey='error' title={this.getTab("Error", "Error Handler", "error")}></Tab>
<Tab eventKey='exception' title={this.getTab("Exceptions", "Exception Clauses per type", "exception")}></Tab>
- <Tab eventKey='code' title={this.getTab("Code", "Code", "code")}></Tab>
+ {/*<Tab eventKey='code' title={this.getTab("Code", "Code", "code")}></Tab>*/}
</Tabs>
{tab === 'routes' && <RouteDesigner integration={this.state.integration}
onSave={(integration) => this.save(integration)}
diff --git a/karavan-vscode/webview/index.css b/karavan-vscode/webview/index.css
index 3cea9c2..ffe3029 100644
--- a/karavan-vscode/webview/index.css
+++ b/karavan-vscode/webview/index.css
@@ -9,8 +9,12 @@ body,
--pf-global--primary-color--200: var(--pf-global--active-color--400) !important;
}
+.vscode-dark .karavan {
+ color: var(--pf-global--Color--200);
+}
+
.vscode-dark .karavan .top-icon {
- fill: rgb(255, 255, 255);
+ fill: var(--pf-global--Color--200);
}
.vscode-dark .karavan .main-tabs {
@@ -29,6 +33,10 @@ body,
background-color: rgb(30, 30, 30);
}
+.karavan .main-tabs .pf-c-tabs__item-text {
+ color: var(--pf-global--palette--black-400);
+}
+
.vscode-dark .karavan .loading-page {
background-color: rgb(50, 50, 50);
height: 100%;
@@ -74,6 +82,7 @@ body,
.vscode-dark .step-element .header .text-bottom {
background-color: rgb(50, 50, 50, 0.5);
+ color: var(--pf-global--palette--black-400);
}
.vscode-dark .karavan .properties {
@@ -84,7 +93,7 @@ body,
.vscode-dark .karavan .properties .text-field {
background-color: rgb(50, 50, 50);
border-color: rgb(50, 50, 50);
- color: rgb(255, 255, 255);
+ color: var(--pf-global--Color--200);
}
.vscode-dark .pf-c-select {
@@ -93,7 +102,7 @@ body,
--pf-c-select__toggle--before--BorderRightColor: #3B3B3B;
--pf-c-select__toggle--before--BorderBottomColor: #3B3B3B;
--pf-c-select__toggle--before--BorderLeftColor: #3B3B3B;
- --pf-c-select__toggle--Color: rgb(255, 255, 255);
+ --pf-c-select__toggle--Color: var(--pf-global--Color--200);
}
.vscode-dark .pf-c-select__menu {
@@ -102,7 +111,7 @@ body,
}
.vscode-dark .karavan .properties .pf-c-select__menu-item {
- color: rgb(255, 255, 255);
+ color: var(--pf-global--Color--200);
}
.vscode-dark .karavan .properties .pf-c-select__menu-item:hover {
@@ -110,7 +119,11 @@ body,
}
.vscode-dark .karavan .properties .pf-c-select__toggle-typeahead {
- color: rgb(255, 255, 255);
+ color: var(--pf-global--Color--200);
+}
+
+.vscode-dark .karavan .properties .pf-c-switch {
+ --pf-c-switch__input--checked__toggle--BackgroundColor: var(--pf-global--active-color--100);
}
.vscode-dark .karavan .dsl-page .graph .connections .arrow {
@@ -132,7 +145,7 @@ body,
}
.vscode-dark .pf-c-tabs__link::after {
- border-color: var(--pf-global--Color--200);
+ border-color: var(--pf-global--active-color--100);
}
.vscode-dark .pf-c-tabs__scroll-button {
@@ -170,20 +183,20 @@ body,
.vscode-dark .dsl-modal .search .text-field {
background-color: rgb(50, 50, 50);
border-color: rgb(50, 50, 50);
- color: rgb(255, 255, 255);
+ color: var(--pf-global--Color--200);
}
.vscode-dark .karavan .properties .pf-c-text-input-group {
background-color: rgb(50, 50, 50);
border-color: #3B3B3B;
- color: rgb(255, 255, 255);
+ color: var(--pf-global--Color--200);
--pf-c-text-input-group__text--before--BorderColor: transparent;
--pf-c-text-input-group__text--after--BorderBottomColor: transparent;
}
.vscode-dark .karavan .properties .input-group .pf-c-chip-group .pf-c-chip {
--pf-c-chip--BackgroundColor: transparent;
- --pf-c-chip__text--Color: white;
+ --pf-c-chip__text--Color: var(--pf-global--Color--200);
--pf-c-chip--before--BorderColor: grey;
}