zu 0.3.3

Yew web components, implementing Material Design
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

// Copyright (c) 2024 Xu Shaohua <shaohua@biofan.org>. All rights reserved.
// Use of this source is governed by Lesser General Public License
// that can be found in the LICENSE file.


/* Light Palette */

// Palette name
$zu-palette-mode: "light" !default;

// primary
$zu-palette-primary-main: #1976d2 !default;
$zu-palette-primary-light: #42a5f5 !default;
$zu-palette-primary-dark: #1565c0 !default;
$zu-palette-primary-contrastText: #fff !default;

// secondary
$zu-palette-secondary-main: #9c27b0 !default;
$zu-palette-secondary-light: #ba68c8 !default;
$zu-palette-secondary-dark: #7b1fa2 !default;
$zu-palette-secondary-contrastText: #fff !default;

// success
$zu-palette-success-main: #2e7d32 !default;
$zu-palette-success-light: #4caf50 !default;
$zu-palette-success-dark: #1b5e20 !default;
$zu-palette-success-contrastText: #fff !default;

// info
$zu-palette-info-main: #0288d1 !default;
$zu-palette-info-light: #03a9f4 !default;
$zu-palette-info-dark: #01579b !default;
$zu-palette-info-contrastText: #fff !default;

// warning
$zu-palette-warning-main: #ed6c02 !default;
$zu-palette-warning-light: #ff9800 !default;
$zu-palette-warning-dark: #e65100 !default;
$zu-palette-warning-contrastText: #fff !default;

// error
$zu-palette-error-main: #d32f2f !default;
$zu-palette-error-light: #ef5350 !default;
$zu-palette-error-dark: #c62828 !default;
$zu-palette-error-contrastText: #fff !default;

$zu-palette-contrastThreshold: 3 !default;
$zu-palette-totalOffset: 0.2 !default;

// The colors used to style the text.
$zu-palette-text-primary: rgba(0, 0, 0, 0.87) !default;
$zu-palette-text-secondary: rgba(0, 0, 0, 0.6) !default;
// Disabled text have even lower visual prominence.
$zu-palette-text-disabled: rgba(0, 0, 0, 0.38) !default;

// The color used to divide different elements.
$zu-palette-divider: rgba(0, 0, 0, 0.12) !default;

// The background colors used to style the surfaces.
// Consistency between these values is important.
$zu-palette-background-paper: white !default;
$zu-palette-background-default: white !default;

// The colors used to style the action elements.
$zu-palette-action-active: rgba(0, 0, 0, 0.54) !default;
$zu-palette-action-hover: rgba(0, 0, 0, 0.04) !default;
$zu-palette-action-hoverOpacity: 0.04 !default;
$zu-palette-action-selected: rgba(0, 0, 0, 0.08) !default;
$zu-palette-action-selectedOpacity: 0.08 !default;
$zu-palette-action-disabled: rgba(0, 0, 0, 0.26) !default;
$zu-palette-action-disabledBackground: rgba(0, 0, 0, 0.12) !default;
$zu-palette-action-disabledOpacity: 0.38 !default;
$zu-palette-action-focus: rgba(0, 0, 0, 0.12) !default;
$zu-palette-action-focusOpacity: 0.12 !default;
$zu-palette-action-activatedOpacity: 0.12 !default;