update color

This commit is contained in:
Mutasem 2021-11-08 09:30:39 +01:00
parent 975f0d8d76
commit 99642a5d03
3 changed files with 11 additions and 2 deletions

View file

@ -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,
}, },

View file

@ -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%;

View file

@ -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[] = [