Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

Added variable background colors to platform bg and navbar (#10072)

Browse source 
* Added variable background colors

* db navbar and select color changes

* fix : editor left sidebar color

* removed imports and added marketplace bg

* import and typo

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>
Co-authored-by: Midhun G S <gsmithun4@gmail.com>
This commit is contained in:
Rudhra Deep Biswas 2024-06-18 14:57:54 +05:30 committed by GitHub
parent 10c3bb6302
commit 09768b9daf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/_styles/componentdesign.scss
View file

@ -14,7 +14,7 @@
--background-success-weak: #E8F3EB;
--background-error-strong: #D72D39;
--background-error-weak: #FCEEEF;
--background-warning-stong: #BF4F03;
--background-warning-strong: #BF4F03;
--background-warning-weak: #FAEFE7;
--background-inverse: #1B1F24;
@ -121,7 +121,7 @@
--background-accent-weak: #0D183C;
--background-success-strong: #318344;
--background-success-weak: #05200B;
--background-warning-stong: #BA5722;
--background-warning-strong: #BA5722;
--background-warning-weak: #301100;
--background-error-strong: #D03F43;
--background-error-weak: #390809;

1
frontend/src/_styles/dropdown-custom.scss
View file

@ -56,6 +56,7 @@
width: 262px;
height: 32px;
border: none !important;
background-color: var(--page-default) !important;
&:hover {
background: var(--slate2) !important;

3
frontend/src/_styles/global-datasources.scss
View file

@ -4,7 +4,7 @@
.global-datasources-sidebar {
height: calc(100vh - 64px);
max-width: 288px;
background: var(--base);
background: var(--page-default);
display: grid;
grid-template-rows: auto 1fr auto;
border-right: 1px solid var(--slate5);
@ -177,6 +177,7 @@
}
.datasource-list-container {
background-color: var(--page-default);
overflow-y: auto;
max-height: calc(100vh - 64px);

3
frontend/src/_styles/left-sidebar.scss
View file

@ -1,8 +1,7 @@
@import "./colors.scss";
@import "./designtheme.scss";
.left-sidebar {
background: var(--base) !important;
background: var(--page-default) !important;
display: flex;
gap: 16px;

23
frontend/src/_styles/theme.scss
View file

@ -17,7 +17,7 @@
@import 'tailwindcss/utilities';
@import "./componentdesign.scss";
@import './pages-sidebar.scss';
@import "./componentdesign.scss";
/* ibm-plex-sans-100 - latin */
@font-face {
font-display: swap;
@ -473,10 +473,10 @@ button {
left: 0;
overflow-x: hidden;
flex: 1 1 auto;
background-color: var(--base) !important;
background-clip: border-box;
margin-top: 48px;
padding-top: 8px;
background: var(--base) !important;
.accordion-item {
border: solid var(--slate5);
@ -7542,6 +7542,7 @@ tbody {
.workspace-content-wrapper,
.database-page-content-wrap {
background-color: var(--page-default);
height: calc(100vh - 64px) !important;
}
@ -7553,7 +7554,7 @@ tbody {
.organization-page-sidebar {
height: calc(100vh - 64px);
max-width: 288px;
background-color: var(--base);
background-color: var(--page-default);
border-right: 1px solid var(--slate5) !important;
display: grid !important;
grid-template-rows: auto 1fr auto !important;
@ -7562,7 +7563,7 @@ tbody {
.marketplace-page-sidebar {
height: calc(100vh - 64px);
max-width: 288px;
background-color: var(--base);
background-color: var(--page-default);
border-right: 1px solid var(--slate5) !important;
display: grid !important;
grid-template-rows: auto 1fr auto !important;
@ -7570,7 +7571,7 @@ tbody {
.home-page-sidebar {
max-width: 288px;
background-color: var(--base);
background-color: var(--page-default);
border-right: 1px solid var(--slate5);
display: grid;
grid-template-rows: auto 1fr auto;
@ -7595,7 +7596,7 @@ tbody {
.tooljet-database-sidebar {
max-width: 288px;
background: var(--base);
background: var(--page-default);
border-right: 1px solid var(--slate5);
height: calc(100vh - 64px) !important;
@ -7989,6 +7990,7 @@ tbody {
.tj-dashboard-section-header {
background-color: var(--page-default);
max-width: 288px;
max-height: 64px;
padding-top: 20px;
@ -8055,6 +8057,7 @@ tbody {
border-radius: 6px;
.react-select__control {
background-color: var(--page-default);
border: none !important;
}
}
@ -8116,7 +8119,7 @@ tbody {
.home-page-footer {
height: 52px;
background-color: var(--base) !important;
background-color: var(--page-default) !important;
border-top: 1px solid var(--slate5) !important;
width: calc(100% - 336px) !important;
@ -8250,6 +8253,7 @@ tbody {
}
.home-page-content {
background-color: var(--page-default);
height: calc(100vh - 64px) !important;
overflow-y: auto;
position: relative;
@ -8785,6 +8789,7 @@ tbody {
}
.tj-dashboard-header-wrap {
background-color: var(--page-default);
padding-top: 22px;
padding-bottom: 22px;
padding-left: 40px;
@ -11375,7 +11380,7 @@ tbody {
}
.profile-page-content-wrap {
background-color: var(--slate2);
background-color: var(--page-default);
padding-top: 40px;
}
@ -11625,6 +11630,7 @@ tbody {
.marketplace-body {
height: calc(100vh - 64px) !important;
overflow-y: auto;
background-color: var(--page-default);
}
.plugins-card {
@ -12834,6 +12840,7 @@ tbody {
}
.workspace-constants-wrapper {
background-color: var(--page-default);
height: calc(100vh - 64px);
display: flex;
align-items: center;