mirror of
https://github.com/n8n-io/n8n.git
synced 2024-09-25 09:17:33 -07:00
98ec23544b
* add menu item
* implement versions modal
* fix up modal
* clean up badges
* implement key features
* fix up spacing
* add error message
* add notification icon
* fix notification
* fix bug when no updates
* address lint issues
* address multi line nodes
* add closing animation
* keep drawer open
* address design feedback
* address badge styling
* use grid for icons
* update cli to return version information
* set env variables
* add scss color variables
* address comments
* fix lint issue
* handle edge cases
* update scss variables, spacing
* update spacing
* build
* override top value for theme
* bolden version
* update config
* check endpoint exists
* handle long names
* set dates
* set title
* fix bug
* update warning
* remove unused component
* refactor components
* add fragments
* inherit styles
* fix icon size
* fix lint issues
* add cli dep
* address comments
* handle network error
* address empty case
* Revert "address comments"
480f969e07
* remove dependency
* build
* update variable names
* update variable names
* refactor verion card
* split out variables
* clean up impl
* clean up scss
* move from nodeview
* refactor out gift notification icon
* fix lint issues
* clean up variables
* update scss variables
* update info url
* Add instanceId to frontendSettings
* Use createHash from crypto module
* Add instanceId to store & send it as http header
* Fix lintings
* Fix interfaces & apply review changes
* Apply review changes
* add console message
* update text info
* update endpoint
* clean up interface
* address comments
* cleanup todo
* Update packages/cli/config/index.ts
Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com>
* update console message
* ⚡ Display node-name on hover
* ⚡ Formatting fix
Co-authored-by: MedAliMarz <servfrdali@yahoo.fr>
Co-authored-by: Ben Hesseldieck <1849459+BHesseldieck@users.noreply.github.com>
Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
126 lines
3.6 KiB
SCSS
126 lines
3.6 KiB
SCSS
// Primary Theme Color
|
|
$--color-primary: #ff6d5a;
|
|
$--color-primary-light: #fbebed;
|
|
|
|
// Dialog
|
|
$--custom-dialog-text-color: #666;
|
|
$--custom-dialog-background: #fff;
|
|
|
|
$--custom-font-black: #000;
|
|
$--custom-font-dark: #595e67;
|
|
$--custom-font-light: #777;
|
|
$--custom-font-very-light: #999;
|
|
|
|
$--custom-header-background: #384d5b;
|
|
|
|
$--custom-expression-text: #996688;
|
|
$--custom-expression-background: #f7f5ff;
|
|
|
|
$--custom-window-sidebar-top : #fff5f2;
|
|
|
|
$--custom-error-background : #ffe5e5;
|
|
$--custom-error-text : #eb2222;
|
|
$--custom-running-background : #ffffe5;
|
|
$--custom-running-text : #eb9422;
|
|
$--custom-success-background : #e3f0e4;
|
|
$--custom-success-text-light: #2f4;
|
|
$--custom-success-text : #40c351;
|
|
$--custom-warning-background : #ffffe5;
|
|
$--custom-warning-text : #eb9422;
|
|
|
|
// Badge
|
|
$--badge-danger-color: #f45959;
|
|
$--badge-danger-background-color: #fef0f0;
|
|
$--badge-danger-border-color: #fde2e2;
|
|
$--badge-warning-background-color: rgba(255, 229, 100, 0.3);
|
|
$--badge-warning-color: #6b5900;
|
|
|
|
// Warning tooltip
|
|
$--warning-tooltip-color: #ff8080;
|
|
|
|
$--custom-node-view-background : #faf9fe;
|
|
|
|
// Table
|
|
$--custom-table-background-main: $--custom-header-background;
|
|
$--custom-table-background-stripe-color: #f6f6f6;
|
|
$--custom-table-background-hover-color: #e9f0f4;
|
|
|
|
$--custom-input-background: #f0f0f0;
|
|
$--custom-input-background-disabled: #ccc;
|
|
$--custom-input-font: #333;
|
|
$--custom-input-border-color: #dcdfe6;
|
|
$--custom-input-font-disabled: #555;
|
|
$--custom-input-border-shadow: 1px solid $--custom-input-border-color;
|
|
|
|
$--header-height: 65px;
|
|
|
|
// sidebar
|
|
$--sidebar-width: 65px;
|
|
$--sidebar-expanded-width: 200px;
|
|
$--sidebar-inactive-color: #909399;
|
|
$--sidebar-active-color: $--color-primary;
|
|
|
|
// gifts notification
|
|
$--gift-notification-active-color: $--color-primary;
|
|
$--gift-notification-inner-color: $--color-primary;
|
|
$--gift-notification-outer-color: #fff;
|
|
|
|
// tags manager
|
|
$--tags-manager-min-height: 300px;
|
|
|
|
// based on element.io breakpoints
|
|
$--breakpoint-xs: 768px;
|
|
$--breakpoint-sm: 992px;
|
|
$--breakpoint-md: 1200px;
|
|
$--breakpoint-lg: 1920px;
|
|
|
|
// scrollbars
|
|
$--scrollbar-thumb-color: lighten($--color-primary, 20%);
|
|
|
|
// tags
|
|
$--tag-background-color: #dce1e9;
|
|
$--tag-text-color: #3d3f46;
|
|
$--tag-close-background-color: #717782;
|
|
$--tag-close-background-hover-color: #3d3f46;
|
|
|
|
// Node creator
|
|
$--node-creator-width: 385px;
|
|
$--node-creator-text-color: #555;
|
|
$--node-creator-select-background-color: #f2f4f8;
|
|
$--node-creator-background-color: #fff;
|
|
$--node-creator-search-background-color: #fff;
|
|
$--node-creator-border-color: #dbdfe7;
|
|
$--node-creator-item-hover-border-color: #8d939c;
|
|
$--node-creator-arrow-color: #8d939c;
|
|
$--node-creator-no-results-background-color: #f8f9fb;
|
|
$--node-creator-close-button-color: #fff;
|
|
$--node-creator-search-clear-background-color: #8d939c;
|
|
$--node-creator-search-clear-background-color-hover: #3d3f46;
|
|
$--node-creator-search-placeholder-color: #909399;
|
|
$--node-creator-subcategory-panel-header-bacground-color: #f2f4f8;
|
|
$--node-creator-description-color: #7d7d87;
|
|
|
|
// trigger icon
|
|
$--trigger-icon-border-color: #dcdfe6;
|
|
$--trigger-icon-background-color: #fff;
|
|
|
|
// drawer
|
|
$--drawer-background-color: #fff;
|
|
|
|
// updates-panel
|
|
$--updates-panel-info-icon-color: #909399;
|
|
$--updates-panel-info-url-color: $--color-primary;
|
|
$--updates-panel-border: 1px #dbdfe7 solid;
|
|
$--updates-panel-dark-background-color: #f8f9fb;
|
|
$--updates-panel-description-text-color: #7d7d87;
|
|
$--updates-panel-text-color: #555;
|
|
|
|
// versions card
|
|
$--version-card-name-text-color: #666;
|
|
$--version-card-background-color: #fff;
|
|
$--version-card-border: 1px #dbdfe7 solid;
|
|
$--version-card-description-text-color: #7d7d87;
|
|
$--version-card-release-date-text-color: #909399;
|
|
$--version-card-box-shadow-color: rgba(109, 48, 40, 0.07);
|
|
|