mirror of
https://github.com/zitadel/zitadel.git
synced 2024-12-04 23:45:07 +00:00
fixed style map
This commit is contained in:
Max Peintner
parent
54377d8519
commit
ad95e6d91a
@ -29,137 +29,269 @@ $material-design-icons-font-directory-path: '~material-design-icons-iconfont/dis
|
||||
}
|
||||
|
||||
$caos-dark-primary: (
|
||||
50: var(--theme-dark-primary-50),
|
||||
100: var(--theme-dark-primary-100),
|
||||
200: var(--theme-dark-primary-200),
|
||||
300: var(--theme-dark-primary-300),
|
||||
400: var(--theme-dark-primary-400),
|
||||
500: var(--theme-dark-primary-500),
|
||||
600: var(--theme-dark-primary-600),
|
||||
700: var(--theme-dark-primary-700),
|
||||
800: var(--theme-dark-primary-800),
|
||||
900: var(--theme-dark-primary-900),
|
||||
A100: var(--theme-dark-primary-A100),
|
||||
A200: var(--theme-dark-primary-A200),
|
||||
A400: var(--theme-dark-primary-A400),
|
||||
A700: var(--theme-dark-primary-A700),
|
||||
50: #ffffff,
|
||||
100: #ffffff,
|
||||
200: #ffffff,
|
||||
300: #ffffff,
|
||||
400: #fffced,
|
||||
500: #fff8ce,
|
||||
600: #fff4af,
|
||||
700: #ffef91,
|
||||
800: #ffeb72,
|
||||
900: #ffe754,
|
||||
A100: #ffffff,
|
||||
A200: #ffffff,
|
||||
A400: #ffffff,
|
||||
A700: #fffce7,
|
||||
contrast: (
|
||||
50: var(--theme-dark-primary-contrast-50),
|
||||
100: var(--theme-dark-primary-contrast-100),
|
||||
200: var(--theme-dark-primary-contrast-200),
|
||||
300: var(--theme-dark-primary-contrast-300),
|
||||
400: var(--theme-dark-primary-contrast-400),
|
||||
500: var(--theme-dark-primary-contrast-500),
|
||||
600: var(--theme-dark-primary-contrast-600),
|
||||
700: var(--theme-dark-primary-contrast-700),
|
||||
800: var(--theme-dark-primary-contrast-800),
|
||||
900: var(--theme-dark-primary-contrast-900),
|
||||
A100: var(--theme-dark-primary-contrast-A100),
|
||||
A200: var(--theme-dark-primary-contrast-A200),
|
||||
A400: var(--theme-dark-primary-contrast-A400),
|
||||
A700: var(--theme-dark-primary-contrast-A700),
|
||||
50: hsla(0, 0%, 0%, 0.87),
|
||||
100: hsla(0, 0%, 0%, 0.87),
|
||||
200: hsla(0, 0%, 0%, 0.87),
|
||||
300: hsla(0, 0%, 0%, 0.87),
|
||||
400: hsla(0, 0%, 0%, 0.87),
|
||||
500: hsla(0, 0%, 0%, 0.87),
|
||||
600: hsla(0, 0%, 0%, 0.87),
|
||||
700: hsla(0, 0%, 0%, 0.87),
|
||||
800: hsla(0, 0%, 0%, 0.87),
|
||||
900: hsla(0, 0%, 0%, 0.87),
|
||||
A100: hsla(0, 0%, 0%, 0.87),
|
||||
A200: hsla(0, 0%, 0%, 0.87),
|
||||
A400: hsla(0, 0%, 0%, 0.87),
|
||||
A700: hsla(0, 0%, 0%, 0.87),
|
||||
),
|
||||
);
|
||||
|
||||
$caos-light-primary: (
|
||||
50: var(--theme-light-primary-50),
|
||||
100: var(--theme-light-primary-100),
|
||||
200: var(--theme-light-primary-200),
|
||||
300: var(--theme-light-primary-300),
|
||||
400: var(--theme-light-primary-400),
|
||||
500: var(--theme-light-primary-500),
|
||||
600: var(--theme-light-primary-600),
|
||||
700: var(--theme-light-primary-700),
|
||||
800: var(--theme-light-primary-800),
|
||||
900: var(--theme-light-primary-900),
|
||||
A100: var(--theme-light-primary-A100),
|
||||
A200: var(--theme-light-primary-A200),
|
||||
A400: var(--theme-light-primary-A400),
|
||||
A700: var(--theme-light-primary-A700),
|
||||
50: #ffffff,
|
||||
100: #ffffff,
|
||||
200: #ffffff,
|
||||
300: #ffffff,
|
||||
400: #fffced,
|
||||
500: #fff8ce,
|
||||
600: #fff4af,
|
||||
700: #ffef91,
|
||||
800: #ffeb72,
|
||||
900: #ffe754,
|
||||
A100: #ffffff,
|
||||
A200: #ffffff,
|
||||
A400: #ffffff,
|
||||
A700: #fffce7,
|
||||
contrast: (
|
||||
50: var(--theme-light-primary-contrast-50),
|
||||
100: var(--theme-light-primary-contrast-100),
|
||||
200: var(--theme-light-primary-contrast-200),
|
||||
300: var(--theme-light-primary-contrast-300),
|
||||
400: var(--theme-light-primary-contrast-400),
|
||||
500: var(--theme-light-primary-contrast-500),
|
||||
600: var(--theme-light-primary-contrast-600),
|
||||
700: var(--theme-light-primary-contrast-700),
|
||||
800: var(--theme-light-primary-contrast-800),
|
||||
900: var(--theme-light-primary-contrast-900),
|
||||
A100: var(--theme-light-primary-contrast-A100),
|
||||
A200: var(--theme-light-primary-contrast-A200),
|
||||
A400: var(--theme-light-primary-contrast-A400),
|
||||
A700: var(--theme-light-primary-contrast-A700),
|
||||
50: hsla(0, 0%, 0%, 0.87),
|
||||
100: hsla(0, 0%, 0%, 0.87),
|
||||
200: hsla(0, 0%, 0%, 0.87),
|
||||
300: hsla(0, 0%, 0%, 0.87),
|
||||
400: hsla(0, 0%, 0%, 0.87),
|
||||
500: hsla(0, 0%, 0%, 0.87),
|
||||
600: hsla(0, 0%, 0%, 0.87),
|
||||
700: hsla(0, 0%, 0%, 0.87),
|
||||
800: hsla(0, 0%, 0%, 0.87),
|
||||
900: hsla(0, 0%, 0%, 0.87),
|
||||
A100: hsla(0, 0%, 0%, 0.87),
|
||||
A200: hsla(0, 0%, 0%, 0.87),
|
||||
A400: hsla(0, 0%, 0%, 0.87),
|
||||
A700: hsla(0, 0%, 0%, 0.87),
|
||||
),
|
||||
);
|
||||
|
||||
$caos-dark-background: (
|
||||
50: var(--theme-dark-background-50),
|
||||
100: var(--theme-dark-background-100),
|
||||
200: var(--theme-dark-background-200),
|
||||
300: var(--theme-dark-background-300),
|
||||
400: var(--theme-dark-background-400),
|
||||
500: var(--theme-dark-background-500),
|
||||
600: var(--theme-dark-background-600),
|
||||
700: var(--theme-dark-background-700),
|
||||
800: var(--theme-dark-background-800),
|
||||
900: var(--theme-dark-background-900),
|
||||
A100: var(--theme-dark-background-A100),
|
||||
A200: var(--theme-dark-background-A200),
|
||||
A400: var(--theme-dark-background-A400),
|
||||
A700: var(--theme-dark-background-A700),
|
||||
50: #a4b0b0,
|
||||
100: #7c8c8c,
|
||||
200: #616f6f,
|
||||
300: #404949,
|
||||
400: #313838,
|
||||
500: #232828,
|
||||
600: #151818,
|
||||
700: #060707,
|
||||
800: #000000,
|
||||
900: #000000,
|
||||
A100: #84c6c6,
|
||||
A200: #489c9c,
|
||||
A400: #314d4d,
|
||||
A700: #2c3838,
|
||||
contrast: (
|
||||
50: var(--theme-dark-background-contrast-50),
|
||||
100: var(--theme-dark-background-contrast-100),
|
||||
200: var(--theme-dark-background-contrast-200),
|
||||
300: var(--theme-dark-background-contrast-300),
|
||||
400: var(--theme-dark-background-contrast-400),
|
||||
500: var(--theme-dark-background-contrast-500),
|
||||
600: var(--theme-dark-background-contrast-600),
|
||||
700: var(--theme-dark-background-contrast-700),
|
||||
800: var(--theme-dark-background-contrast-800),
|
||||
900: var(--theme-dark-background-contrast-900),
|
||||
A100: var(--theme-dark-background-contrast-A100),
|
||||
A200: var(--theme-dark-background-contrast-A200),
|
||||
A400: var(--theme-dark-background-contrast-A400),
|
||||
A700: var(--theme-dark-background-contrast-A700),
|
||||
50: #ffffff,
|
||||
100: #ffffff,
|
||||
200: #ffffff,
|
||||
300: #ffffff,
|
||||
400: #ffffff,
|
||||
500: #ffffff,
|
||||
600: #ffffff,
|
||||
700: #ffffff,
|
||||
800: #ffffff,
|
||||
900: #ffffff,
|
||||
A100: #ffffff,
|
||||
A200: #ffffff,
|
||||
A400: #ffffff,
|
||||
A700: #ffffff,
|
||||
),
|
||||
);
|
||||
|
||||
$caos-light-background: (
|
||||
50: var(--theme-light-background-50),
|
||||
100: var(--theme-light-background-100),
|
||||
200: var(--theme-light-background-200),
|
||||
300: var(--theme-light-background-300),
|
||||
400: var(--theme-light-background-400),
|
||||
500: var(--theme-light-background-500),
|
||||
600: var(--theme-light-background-600),
|
||||
700: var(--theme-light-background-700),
|
||||
800: var(--theme-light-background-800),
|
||||
900: var(--theme-light-background-900),
|
||||
A100: var(--theme-light-background-A100),
|
||||
A200: var(--theme-light-background-A200),
|
||||
A400: var(--theme-light-background-A400),
|
||||
A700: var(--theme-light-background-A700),
|
||||
50: #a4b0b0,
|
||||
100: #7c8c8c,
|
||||
200: #616f6f,
|
||||
300: #404949,
|
||||
400: #313838,
|
||||
500: #232828,
|
||||
600: #151818,
|
||||
700: #060707,
|
||||
800: #000000,
|
||||
900: #000000,
|
||||
A100: #84c6c6,
|
||||
A200: #489c9c,
|
||||
A400: #314d4d,
|
||||
A700: #2c3838,
|
||||
contrast: (
|
||||
50: var(--theme-light-background-contrast-50),
|
||||
100: var(--theme-light-background-contrast-100),
|
||||
200: var(--theme-light-background-contrast-200),
|
||||
300: var(--theme-light-background-contrast-300),
|
||||
400: var(--theme-light-background-contrast-400),
|
||||
500: var(--theme-light-background-contrast-500),
|
||||
600: var(--theme-light-background-contrast-600),
|
||||
700: var(--theme-light-background-contrast-700),
|
||||
800: var(--theme-light-background-contrast-800),
|
||||
900: var(--theme-light-background-contrast-900),
|
||||
A100: var(--theme-light-background-contrast-A100),
|
||||
A200: var(--theme-light-background-contrast-A200),
|
||||
A400: var(--theme-light-background-contrast-A400),
|
||||
A700: var(--theme-light-background-contrast-A700),
|
||||
50: #ffffff,
|
||||
100: #ffffff,
|
||||
200: #ffffff,
|
||||
300: #ffffff,
|
||||
400: #ffffff,
|
||||
500: #ffffff,
|
||||
600: #ffffff,
|
||||
700: #ffffff,
|
||||
800: #ffffff,
|
||||
900: #ffffff,
|
||||
A100: #ffffff,
|
||||
A200: #ffffff,
|
||||
A400: #ffffff,
|
||||
A700: #ffffff,
|
||||
),
|
||||
);
|
||||
|
||||
// $caos-dark-primary: (
|
||||
// 50: var(--theme-dark-primary-50),
|
||||
// 100: var(--theme-dark-primary-100),
|
||||
// 200: var(--theme-dark-primary-200),
|
||||
// 300: var(--theme-dark-primary-300),
|
||||
// 400: var(--theme-dark-primary-400),
|
||||
// 500: var(--theme-dark-primary-500),
|
||||
// 600: var(--theme-dark-primary-600),
|
||||
// 700: var(--theme-dark-primary-700),
|
||||
// 800: var(--theme-dark-primary-800),
|
||||
// 900: var(--theme-dark-primary-900),
|
||||
// A100: var(--theme-dark-primary-A100),
|
||||
// A200: var(--theme-dark-primary-A200),
|
||||
// A400: var(--theme-dark-primary-A400),
|
||||
// A700: var(--theme-dark-primary-A700),
|
||||
// contrast: (
|
||||
// 50: var(--theme-dark-primary-contrast-50),
|
||||
// 100: var(--theme-dark-primary-contrast-100),
|
||||
// 200: var(--theme-dark-primary-contrast-200),
|
||||
// 300: var(--theme-dark-primary-contrast-300),
|
||||
// 400: var(--theme-dark-primary-contrast-400),
|
||||
// 500: var(--theme-dark-primary-contrast-500),
|
||||
// 600: var(--theme-dark-primary-contrast-600),
|
||||
// 700: var(--theme-dark-primary-contrast-700),
|
||||
// 800: var(--theme-dark-primary-contrast-800),
|
||||
// 900: var(--theme-dark-primary-contrast-900),
|
||||
// A100: var(--theme-dark-primary-contrast-A100),
|
||||
// A200: var(--theme-dark-primary-contrast-A200),
|
||||
// A400: var(--theme-dark-primary-contrast-A400),
|
||||
// A700: var(--theme-dark-primary-contrast-A700),
|
||||
// ),
|
||||
// );
|
||||
|
||||
// $caos-light-primary: (
|
||||
// 50: var(--theme-light-primary-50),
|
||||
// 100: var(--theme-light-primary-100),
|
||||
// 200: var(--theme-light-primary-200),
|
||||
// 300: var(--theme-light-primary-300),
|
||||
// 400: var(--theme-light-primary-400),
|
||||
// 500: var(--theme-light-primary-500),
|
||||
// 600: var(--theme-light-primary-600),
|
||||
// 700: var(--theme-light-primary-700),
|
||||
// 800: var(--theme-light-primary-800),
|
||||
// 900: var(--theme-light-primary-900),
|
||||
// A100: var(--theme-light-primary-A100),
|
||||
// A200: var(--theme-light-primary-A200),
|
||||
// A400: var(--theme-light-primary-A400),
|
||||
// A700: var(--theme-light-primary-A700),
|
||||
// contrast: (
|
||||
// 50: var(--theme-light-primary-contrast-50),
|
||||
// 100: var(--theme-light-primary-contrast-100),
|
||||
// 200: var(--theme-light-primary-contrast-200),
|
||||
// 300: var(--theme-light-primary-contrast-300),
|
||||
// 400: var(--theme-light-primary-contrast-400),
|
||||
// 500: var(--theme-light-primary-contrast-500),
|
||||
// 600: var(--theme-light-primary-contrast-600),
|
||||
// 700: var(--theme-light-primary-contrast-700),
|
||||
// 800: var(--theme-light-primary-contrast-800),
|
||||
// 900: var(--theme-light-primary-contrast-900),
|
||||
// A100: var(--theme-light-primary-contrast-A100),
|
||||
// A200: var(--theme-light-primary-contrast-A200),
|
||||
// A400: var(--theme-light-primary-contrast-A400),
|
||||
// A700: var(--theme-light-primary-contrast-A700),
|
||||
// ),
|
||||
// );
|
||||
|
||||
// $caos-dark-background: (
|
||||
// 50: var(--theme-dark-background-50),
|
||||
// 100: var(--theme-dark-background-100),
|
||||
// 200: var(--theme-dark-background-200),
|
||||
// 300: var(--theme-dark-background-300),
|
||||
// 400: var(--theme-dark-background-400),
|
||||
// 500: var(--theme-dark-background-500),
|
||||
// 600: var(--theme-dark-background-600),
|
||||
// 700: var(--theme-dark-background-700),
|
||||
// 800: var(--theme-dark-background-800),
|
||||
// 900: var(--theme-dark-background-900),
|
||||
// A100: var(--theme-dark-background-A100),
|
||||
// A200: var(--theme-dark-background-A200),
|
||||
// A400: var(--theme-dark-background-A400),
|
||||
// A700: var(--theme-dark-background-A700),
|
||||
// contrast: (
|
||||
// 50: var(--theme-dark-background-contrast-50),
|
||||
// 100: var(--theme-dark-background-contrast-100),
|
||||
// 200: var(--theme-dark-background-contrast-200),
|
||||
// 300: var(--theme-dark-background-contrast-300),
|
||||
// 400: var(--theme-dark-background-contrast-400),
|
||||
// 500: var(--theme-dark-background-contrast-500),
|
||||
// 600: var(--theme-dark-background-contrast-600),
|
||||
// 700: var(--theme-dark-background-contrast-700),
|
||||
// 800: var(--theme-dark-background-contrast-800),
|
||||
// 900: var(--theme-dark-background-contrast-900),
|
||||
// A100: var(--theme-dark-background-contrast-A100),
|
||||
// A200: var(--theme-dark-background-contrast-A200),
|
||||
// A400: var(--theme-dark-background-contrast-A400),
|
||||
// A700: var(--theme-dark-background-contrast-A700),
|
||||
// ),
|
||||
// );
|
||||
|
||||
// $caos-light-background: (
|
||||
// 50: var(--theme-light-background-50),
|
||||
// 100: var(--theme-light-background-100),
|
||||
// 200: var(--theme-light-background-200),
|
||||
// 300: var(--theme-light-background-300),
|
||||
// 400: var(--theme-light-background-400),
|
||||
// 500: var(--theme-light-background-500),
|
||||
// 600: var(--theme-light-background-600),
|
||||
// 700: var(--theme-light-background-700),
|
||||
// 800: var(--theme-light-background-800),
|
||||
// 900: var(--theme-light-background-900),
|
||||
// A100: var(--theme-light-background-A100),
|
||||
// A200: var(--theme-light-background-A200),
|
||||
// A400: var(--theme-light-background-A400),
|
||||
// A700: var(--theme-light-background-A700),
|
||||
// contrast: (
|
||||
// 50: var(--theme-light-background-contrast-50),
|
||||
// 100: var(--theme-light-background-contrast-100),
|
||||
// 200: var(--theme-light-background-contrast-200),
|
||||
// 300: var(--theme-light-background-contrast-300),
|
||||
// 400: var(--theme-light-background-contrast-400),
|
||||
// 500: var(--theme-light-background-contrast-500),
|
||||
// 600: var(--theme-light-background-contrast-600),
|
||||
// 700: var(--theme-light-background-contrast-700),
|
||||
// 800: var(--theme-light-background-contrast-800),
|
||||
// 900: var(--theme-light-background-contrast-900),
|
||||
// A100: var(--theme-light-background-contrast-A100),
|
||||
// A200: var(--theme-light-background-contrast-A200),
|
||||
// A400: var(--theme-light-background-contrast-A400),
|
||||
// A700: var(--theme-light-background-contrast-A700),
|
||||
// ),
|
||||
// );
|
||||
|
||||
$caos-dark-warn: (
|
||||
50: var(--theme-dark-warn-50),
|
||||
100: var(--theme-dark-warn-100),
|
||||
|
||||
Loading…
Reference in New Issue
Block a user