mirror of
https://github.com/n8n-io/n8n.git
synced 2024-12-27 21:49:41 -08:00
update color
This commit is contained in:
parent
975f0d8d76
commit
99642a5d03
|
@ -44,7 +44,7 @@ import ColorCircles from './ColorCircles.vue';
|
||||||
<Canvas>
|
<Canvas>
|
||||||
<Story name="success">
|
<Story name="success">
|
||||||
{{
|
{{
|
||||||
template: `<color-circles :colors="['--color-success', '--color-success-tint-1', '--color-success-tint-2']" />`,
|
template: `<color-circles :colors="['--color-success', '--color-success-tint-1', '--color-success-tint-2', '--color-success-light']" />`,
|
||||||
components: {
|
components: {
|
||||||
ColorCircles,
|
ColorCircles,
|
||||||
},
|
},
|
||||||
|
|
|
@ -75,6 +75,15 @@
|
||||||
var(--color-success-tint-2-l)
|
var(--color-success-tint-2-l)
|
||||||
);
|
);
|
||||||
|
|
||||||
|
--color-success-light-h: 150;
|
||||||
|
--color-success-light-s: 54%;
|
||||||
|
--color-success-light-l: 70%;
|
||||||
|
--color-success-light: hsl(
|
||||||
|
var(--color-success-light-h),
|
||||||
|
var(--color-success-light-s),
|
||||||
|
var(--color-success-light-l)
|
||||||
|
);
|
||||||
|
|
||||||
--color-warning-h: 36;
|
--color-warning-h: 36;
|
||||||
--color-warning-s: 77%;
|
--color-warning-s: 77%;
|
||||||
--color-warning-l: 57%;
|
--color-warning-l: 57%;
|
||||||
|
|
|
@ -79,7 +79,7 @@ export const CONNECTOR_PAINT_STYLE_PRIMARY = {
|
||||||
|
|
||||||
export const CONNECTOR_PAINT_STYLE_SUCCESS = {
|
export const CONNECTOR_PAINT_STYLE_SUCCESS = {
|
||||||
...CONNECTOR_PAINT_STYLE_DEFAULT,
|
...CONNECTOR_PAINT_STYLE_DEFAULT,
|
||||||
stroke: getStyleTokenValue('--color-success'),
|
stroke: getStyleTokenValue('--color-success-light'),
|
||||||
};
|
};
|
||||||
|
|
||||||
export const CONNECTOR_ARROW_OVERLAYS: OverlaySpec[] = [
|
export const CONNECTOR_ARROW_OVERLAYS: OverlaySpec[] = [
|
||||||
|
|
Loading…
Reference in a new issue