Skip to content

Commit

Permalink
feat(theme): export of MUI theme
Browse files Browse the repository at this point in the history
  • Loading branch information
@srambach
srambach committed Jul 23, 2024
1 parent 7ba5759 commit 2ebfe16
Show file tree
Hide file tree
Showing 15 changed files with 2,787 additions and 1,026 deletions.
104 changes: 52 additions & 52 deletions packages/module/build/css/tokens-charts-dark.scss
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@

// Do not edit directly
// Generated on Tue, 02 Jul 2024 18:11:52 GMT
// Generated on Tue, 23 Jul 2024 15:22:46 GMT

@mixin pf-v6-tokens {
@mixin pf-mui-theme-tokens {
--pf-t--chart--global--BorderWidth--lg: 8;
--pf-t--chart--global--BorderWidth--sm: 2;
--pf-t--chart--global--BorderWidth--xs: 1;
Expand All @@ -22,59 +22,59 @@
--pf-t--chart--global--stroke--width--xs: 1;
--pf-t--chart--global--stroke-line-cap: round;
--pf-t--chart--global--stroke-line-join: round;
--pf-t--chart--color--black--100: var(--pf-t--color--gray--50);
--pf-t--chart--color--black--200: var(--pf-t--color--gray--40);
--pf-t--chart--color--black--300: var(--pf-t--color--gray--30);
--pf-t--chart--color--black--400: var(--pf-t--color--gray--20);
--pf-t--chart--color--black--500: var(--pf-t--color--gray--10);
--pf-t--chart--color--blue--100: var(--pf-t--color--blue--50);
--pf-t--chart--color--blue--200: var(--pf-t--color--blue--40);
--pf-t--chart--color--blue--300: var(--pf-t--color--blue--30);
--pf-t--chart--color--blue--400: var(--pf-t--color--blue--20);
--pf-t--chart--color--blue--500: var(--pf-t--color--blue--10);
--pf-t--chart--color--green--100: var(--pf-t--color--green--50);
--pf-t--chart--color--green--200: var(--pf-t--color--green--40);
--pf-t--chart--color--green--300: var(--pf-t--color--green--30);
--pf-t--chart--color--green--400: var(--pf-t--color--green--20);
--pf-t--chart--color--green--500: var(--pf-t--color--green--10);
--pf-t--chart--color--orange--100: var(--pf-t--color--orange--50);
--pf-t--chart--color--orange--200: var(--pf-t--color--orange--40);
--pf-t--chart--color--orange--300: var(--pf-t--color--orange--30);
--pf-t--chart--color--orange--400: var(--pf-t--color--orange--20);
--pf-t--chart--color--orange--500: var(--pf-t--color--orange--10);
--pf-t--chart--color--purple--100: var(--pf-t--color--purple--60);
--pf-t--chart--color--purple--200: var(--pf-t--color--purple--50);
--pf-t--chart--color--purple--300: var(--pf-t--color--purple--40);
--pf-t--chart--color--purple--400: var(--pf-t--color--purple--30);
--pf-t--chart--color--purple--500: var(--pf-t--color--purple--20);
--pf-t--chart--color--red-orange--100: var(--pf-t--color--red-orange--50);
--pf-t--chart--color--red-orange--200: var(--pf-t--color--red-orange--40);
--pf-t--chart--color--red-orange--300: var(--pf-t--color--red-orange--30);
--pf-t--chart--color--red-orange--400: var(--pf-t--color--red-orange--20);
--pf-t--chart--color--red-orange--500: var(--pf-t--color--red-orange--10);
--pf-t--chart--color--teal--100: var(--pf-t--color--teal--50);
--pf-t--chart--color--teal--200: var(--pf-t--color--teal--40);
--pf-t--chart--color--teal--300: var(--pf-t--color--teal--30);
--pf-t--chart--color--teal--400: var(--pf-t--color--teal--20);
--pf-t--chart--color--teal--500: var(--pf-t--color--teal--10);
--pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--50);
--pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--40);
--pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--30);
--pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--20);
--pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--10);
--pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--50);
--pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--60);
--pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--50);
--pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--40);
--pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--30);
--pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--20);
--pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--10);
--pf-t--chart--color--black--100: var(--pf-t--color--gray--400);
--pf-t--chart--color--black--200: var(--pf-t--color--gray--300);
--pf-t--chart--color--black--300: var(--pf-t--color--gray--200);
--pf-t--chart--color--black--400: var(--pf-t--color--gray--100);
--pf-t--chart--color--black--500: var(--pf-t--color--gray--50);
--pf-t--chart--color--blue--100: var(--pf-t--color--blue--400);
--pf-t--chart--color--blue--200: var(--pf-t--color--blue--300);
--pf-t--chart--color--blue--300: var(--pf-t--color--blue--200);
--pf-t--chart--color--blue--400: var(--pf-t--color--blue--100);
--pf-t--chart--color--blue--500: var(--pf-t--color--blue--50);
--pf-t--chart--color--green--100: var(--pf-t--color--green--400);
--pf-t--chart--color--green--200: var(--pf-t--color--green--300);
--pf-t--chart--color--green--300: var(--pf-t--color--green--200);
--pf-t--chart--color--green--400: var(--pf-t--color--green--100);
--pf-t--chart--color--green--500: var(--pf-t--color--green--50);
--pf-t--chart--color--orange--100: var(--pf-t--color--orange--400);
--pf-t--chart--color--orange--200: var(--pf-t--color--orange--300);
--pf-t--chart--color--orange--300: var(--pf-t--color--orange--200);
--pf-t--chart--color--orange--400: var(--pf-t--color--orange--100);
--pf-t--chart--color--orange--500: var(--pf-t--color--orange--50);
--pf-t--chart--color--purple--100: var(--pf-t--color--purple--500);
--pf-t--chart--color--purple--200: var(--pf-t--color--purple--400);
--pf-t--chart--color--purple--300: var(--pf-t--color--purple--300);
--pf-t--chart--color--purple--400: var(--pf-t--color--purple--200);
--pf-t--chart--color--purple--500: var(--pf-t--color--purple--100);
--pf-t--chart--color--red-orange--100: var(--pf-t--color--deepOrange--400);
--pf-t--chart--color--red-orange--200: var(--pf-t--color--deepOrange--300);
--pf-t--chart--color--red-orange--300: var(--pf-t--color--deepOrange--200);
--pf-t--chart--color--red-orange--400: var(--pf-t--color--deepOrange--100);
--pf-t--chart--color--red-orange--500: var(--pf-t--color--deepOrange--50);
--pf-t--chart--color--teal--100: var(--pf-t--color--teal--400);
--pf-t--chart--color--teal--200: var(--pf-t--color--teal--300);
--pf-t--chart--color--teal--300: var(--pf-t--color--teal--200);
--pf-t--chart--color--teal--400: var(--pf-t--color--teal--100);
--pf-t--chart--color--teal--500: var(--pf-t--color--teal--50);
--pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--400);
--pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--300);
--pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--200);
--pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--100);
--pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--50);
--pf-t--chart--global--danger--color--100: var(--pf-t--color--deepOrange--400);
--pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--500);
--pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--400);
--pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--300);
--pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--200);
--pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--100);
--pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--50);
--pf-t--chart--global--fill--color--900: var(--pf-t--color--white);
--pf-t--chart--global--fill--color--white: var(--pf-t--color--white);
--pf-t--chart--global--label--fill: var(--pf-t--color--white);
--pf-t--chart--global--success--color--100: var(--pf-t--color--blue--30);
--pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--30);
--pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--30);
--pf-t--chart--global--success--color--100: var(--pf-t--color--blue--200);
--pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--200);
--pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--200);
--pf-t--chart--theme--colorscales--blue--colorscale--100: var(--pf-t--chart--color--blue--300);
--pf-t--chart--theme--colorscales--blue--colorscale--200: var(--pf-t--chart--color--blue--100);
--pf-t--chart--theme--colorscales--blue--colorscale--300: var(--pf-t--chart--color--blue--500);
Expand Down
108 changes: 54 additions & 54 deletions packages/module/build/css/tokens-charts.scss
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@

// Do not edit directly
// Generated on Tue, 02 Jul 2024 18:11:52 GMT
// Generated on Tue, 23 Jul 2024 15:22:46 GMT

@mixin pf-v6-tokens {
@mixin pf-mui-theme-tokens {
--pf-t--chart--global--BorderWidth--lg: 8;
--pf-t--chart--global--BorderWidth--sm: 2;
--pf-t--chart--global--BorderWidth--xs: 1;
Expand All @@ -22,59 +22,59 @@
--pf-t--chart--global--stroke--width--xs: 1;
--pf-t--chart--global--stroke-line-cap: round;
--pf-t--chart--global--stroke-line-join: round;
--pf-t--chart--color--black--100: var(--pf-t--color--gray--10);
--pf-t--chart--color--black--200: var(--pf-t--color--gray--20);
--pf-t--chart--color--black--300: var(--pf-t--color--gray--30);
--pf-t--chart--color--black--400: var(--pf-t--color--gray--40);
--pf-t--chart--color--black--500: var(--pf-t--color--gray--50);
--pf-t--chart--color--blue--100: var(--pf-t--color--blue--30);
--pf-t--chart--color--blue--200: var(--pf-t--color--blue--40);
--pf-t--chart--color--blue--300: var(--pf-t--color--blue--50);
--pf-t--chart--color--blue--400: var(--pf-t--color--blue--60);
--pf-t--chart--color--blue--500: var(--pf-t--color--blue--70);
--pf-t--chart--color--green--100: var(--pf-t--color--green--30);
--pf-t--chart--color--green--200: var(--pf-t--color--green--40);
--pf-t--chart--color--green--300: var(--pf-t--color--green--50);
--pf-t--chart--color--green--400: var(--pf-t--color--green--60);
--pf-t--chart--color--green--500: var(--pf-t--color--green--70);
--pf-t--chart--color--orange--100: var(--pf-t--color--orange--30);
--pf-t--chart--color--orange--200: var(--pf-t--color--orange--40);
--pf-t--chart--color--orange--300: var(--pf-t--color--orange--50);
--pf-t--chart--color--orange--400: var(--pf-t--color--orange--60);
--pf-t--chart--color--orange--500: var(--pf-t--color--orange--70);
--pf-t--chart--color--purple--100: var(--pf-t--color--purple--30);
--pf-t--chart--color--purple--200: var(--pf-t--color--purple--40);
--pf-t--chart--color--purple--300: var(--pf-t--color--purple--50);
--pf-t--chart--color--purple--400: var(--pf-t--color--purple--60);
--pf-t--chart--color--purple--500: var(--pf-t--color--purple--70);
--pf-t--chart--color--red-orange--100: var(--pf-t--color--red-orange--30);
--pf-t--chart--color--red-orange--200: var(--pf-t--color--red-orange--40);
--pf-t--chart--color--red-orange--300: var(--pf-t--color--red-orange--50);
--pf-t--chart--color--red-orange--400: var(--pf-t--color--red-orange--60);
--pf-t--chart--color--red-orange--500: var(--pf-t--color--red-orange--70);
--pf-t--chart--color--teal--100: var(--pf-t--color--teal--30);
--pf-t--chart--color--teal--200: var(--pf-t--color--teal--40);
--pf-t--chart--color--teal--300: var(--pf-t--color--teal--50);
--pf-t--chart--color--teal--400: var(--pf-t--color--teal--60);
--pf-t--chart--color--teal--500: var(--pf-t--color--teal--70);
--pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--20);
--pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--30);
--pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--40);
--pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--50);
--pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--60);
--pf-t--chart--global--danger--color--100: var(--pf-t--color--red-orange--60);
--pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--10);
--pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--20);
--pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--30);
--pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--40);
--pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--50);
--pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--70);
--pf-t--chart--global--fill--color--900: var(--pf-t--color--gray--90);
--pf-t--chart--color--black--100: var(--pf-t--color--gray--50);
--pf-t--chart--color--black--200: var(--pf-t--color--gray--100);
--pf-t--chart--color--black--300: var(--pf-t--color--gray--200);
--pf-t--chart--color--black--400: var(--pf-t--color--gray--300);
--pf-t--chart--color--black--500: var(--pf-t--color--gray--400);
--pf-t--chart--color--blue--100: var(--pf-t--color--blue--200);
--pf-t--chart--color--blue--200: var(--pf-t--color--blue--300);
--pf-t--chart--color--blue--300: var(--pf-t--color--blue--400);
--pf-t--chart--color--blue--400: var(--pf-t--color--blue--500);
--pf-t--chart--color--blue--500: var(--pf-t--color--blue--600);
--pf-t--chart--color--green--100: var(--pf-t--color--green--200);
--pf-t--chart--color--green--200: var(--pf-t--color--green--300);
--pf-t--chart--color--green--300: var(--pf-t--color--green--400);
--pf-t--chart--color--green--400: var(--pf-t--color--green--500);
--pf-t--chart--color--green--500: var(--pf-t--color--green--600);
--pf-t--chart--color--orange--100: var(--pf-t--color--orange--200);
--pf-t--chart--color--orange--200: var(--pf-t--color--orange--300);
--pf-t--chart--color--orange--300: var(--pf-t--color--orange--400);
--pf-t--chart--color--orange--400: var(--pf-t--color--orange--500);
--pf-t--chart--color--orange--500: var(--pf-t--color--orange--600);
--pf-t--chart--color--purple--100: var(--pf-t--color--purple--200);
--pf-t--chart--color--purple--200: var(--pf-t--color--purple--300);
--pf-t--chart--color--purple--300: var(--pf-t--color--purple--400);
--pf-t--chart--color--purple--400: var(--pf-t--color--purple--500);
--pf-t--chart--color--purple--500: var(--pf-t--color--purple--600);
--pf-t--chart--color--red-orange--100: var(--pf-t--color--deepOrange--200);
--pf-t--chart--color--red-orange--200: var(--pf-t--color--deepOrange--300);
--pf-t--chart--color--red-orange--300: var(--pf-t--color--deepOrange--400);
--pf-t--chart--color--red-orange--400: var(--pf-t--color--deepOrange--500);
--pf-t--chart--color--red-orange--500: var(--pf-t--color--deepOrange--600);
--pf-t--chart--color--teal--100: var(--pf-t--color--teal--200);
--pf-t--chart--color--teal--200: var(--pf-t--color--teal--300);
--pf-t--chart--color--teal--300: var(--pf-t--color--teal--400);
--pf-t--chart--color--teal--400: var(--pf-t--color--teal--500);
--pf-t--chart--color--teal--500: var(--pf-t--color--teal--600);
--pf-t--chart--color--yellow--100: var(--pf-t--color--yellow--100);
--pf-t--chart--color--yellow--200: var(--pf-t--color--yellow--200);
--pf-t--chart--color--yellow--300: var(--pf-t--color--yellow--300);
--pf-t--chart--color--yellow--400: var(--pf-t--color--yellow--400);
--pf-t--chart--color--yellow--500: var(--pf-t--color--yellow--500);
--pf-t--chart--global--danger--color--100: var(--pf-t--color--deepOrange--500);
--pf-t--chart--global--fill--color--100: var(--pf-t--color--gray--50);
--pf-t--chart--global--fill--color--200: var(--pf-t--color--gray--100);
--pf-t--chart--global--fill--color--300: var(--pf-t--color--gray--200);
--pf-t--chart--global--fill--color--400: var(--pf-t--color--gray--300);
--pf-t--chart--global--fill--color--500: var(--pf-t--color--gray--400);
--pf-t--chart--global--fill--color--700: var(--pf-t--color--gray--600);
--pf-t--chart--global--fill--color--900: var(--pf-t--color--gray--800);
--pf-t--chart--global--fill--color--white: var(--pf-t--color--white);
--pf-t--chart--global--label--fill: var(--pf-t--color--gray--90);
--pf-t--chart--global--success--color--100: var(--pf-t--color--blue--50);
--pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--40);
--pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--40);
--pf-t--chart--global--label--fill: var(--pf-t--color--gray--800);
--pf-t--chart--global--success--color--100: var(--pf-t--color--blue--400);
--pf-t--chart--global--warning--color--100: var(--pf-t--color--orange--300);
--pf-t--chart--global--warning--color--200: var(--pf-t--color--yellow--300);
--pf-t--chart--theme--colorscales--blue--colorscale--100: var(--pf-t--chart--color--blue--300);
--pf-t--chart--theme--colorscales--blue--colorscale--200: var(--pf-t--chart--color--blue--100);
--pf-t--chart--theme--colorscales--blue--colorscale--300: var(--pf-t--chart--color--blue--500);
Expand Down
Loading

0 comments on commit 2ebfe16

Please sign in to comment.