refactor(editor): Move all colors to css variables (#3723)

* update white color

* update white color

* update more whites

* update color

* update curr running

* update text color #555

* update white color

* set search bar colors

* update colors

* update node executing

* update text colors

* update light color

* update theme

* update theme

* update overlays carousel

* update theme vars

* add dark theme tokens

* update text

* update table colors

* fix conflict

* update colors
This commit is contained in:
Mutasem Aldmour
2022-07-26 12:45:55 +02:00
committed by GitHub
parent 92614c81ab
commit b4525d06ea
35 changed files with 411 additions and 402 deletions

View File

@@ -142,7 +142,9 @@ export default mixins(genericHelpers).extend({
&:after {
left: 27px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0.25) 0%, rgba(248, 249, 251, 1) 86%);
background: linear-gradient(270deg,
hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 50%),
hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 100%));
}
}
@@ -151,7 +153,9 @@ export default mixins(genericHelpers).extend({
right: -30px;
&:after {
right: 27px;
background: linear-gradient(270deg,rgba(248, 249, 251, 1) 25%, rgba(255, 255, 255, 0.25) 100%);
background: linear-gradient(90deg,
hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 50%),
hsla(var(--color-background-light-h), var(--color-background-light-s), var(--color-background-light-l), 100%));
}
}
</style>