Workout/style.css at main · FlorealRISSO/Workout · GitHub

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
:root {
  /* Light Theme Colors - Material Design 3 */
  --primary: #6750A4;
  --on-primary: #FFFFFF;
  --primary-container: #EADDFF;
  --on-primary-container: #21005D;

  --secondary: #625B71;
  --on-secondary: #FFFFFF;
  --secondary-container: #E8DEF8;
  --on-secondary-container: #1D192B;

  --tertiary: #7D5260;
  --on-tertiary: #FFFFFF;
  --tertiary-container: #FFD8E4;
  --on-tertiary-container: #31111D;

  --error: #B3261E;
  --on-error: #FFFFFF;
  --error-container: #F9DEDC;
  --on-error-container: #410E0B;

  --success: #146C2E;
  --on-success: #FFFFFF;
  --success-container: #D0F8CE;
  --on-success-container: #002106;

  --background: #FFFBFE;
  --on-background: #1C1B1F;

  --surface: #FFFBFE;
  --on-surface: #1C1B1F;
  --surface-variant: #E7E0EC;
  --on-surface-variant: #49454F;

  --outline: #79747E;
  --outline-variant: #CAC4D0;

  --shadow: #000000;
  --scrim: #000000;

  --inverse-surface: #313033;
  --inverse-on-surface: #F4EFF4;
  --inverse-primary: #D0BCFF;

  /* Action colors for specific functions */
  --add-bg: #EADDFF;
  --add-icon: #21005D;
  --remove-bg: #FFD8E4;
  --remove-icon: #31111D;

  /* General Styling */
  --border-radius: 16px;
  --font-family: "Roboto", system-ui, sans-serif;
}

[data-theme="dark"] {
  /* Dark Theme Colors - Material Design 3 */
  --primary: #D0BCFF;
  --on-primary: #381E72;
  --primary-container: #4F378B;
  --on-primary-container: #EADDFF;

  --secondary: #CCC2DC;
  --on-secondary: #332D41;
  --secondary-container: #4A4458;
  --on-secondary-container: #E8DEF8;

  --tertiary: #EFB8C8;
  --on-tertiary: #492532;
  --tertiary-container: #633B48;
  --on-tertiary-container: #FFD8E4;

  --error: #F2B8B5;
  --on-error: #601410;
  --error-container: #8C1D18;
  --on-error-container: #F9DEDC;

  --success: #A6F6A1;
  --on-success: #003909;
  --success-container: #146C2E;
  --on-success-container: #D0F8CE;

  --background: #1C1B1F;
  --on-background: #E6E1E5;

  --surface: #1C1B1F;
  --on-surface: #E6E1E5;
  --surface-variant: #49454F;
  --on-surface-variant: #CAC4D0;

  --outline: #938F99;
  --outline-variant: #49454F;

  --shadow: #000000;
  --scrim: #000000;

  --inverse-surface: #E6E1E5;
  --inverse-on-surface: #313033;
  --inverse-primary: #6750A4;

  /* Action colors for specific functions */
  --add-bg: #4F378B;
  --add-icon: #EADDFF;
  --remove-bg: #633B48;
  --remove-icon: #FFD8E4;
}