-Password-Generator-/style.css at main · Ali-Cheikh/-Password-Generator- · 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
:root {
    --bg-color: #1a202c;
    --text-color: #edf2f7;
    --container-bg: #2d3748;
    --button-bg: #3182ce;
    --button-hover-bg: #1e2522;
    --input-bg: #4a5568;
    --input-border: #4a5568;
}
.light-theme {
    --bg-color: #ffe4c4;
    --text-color: #151b27;
    --container-bg: #ffae00;
    --button-bg: #ff7857;
    --button-hover-bg: #658a46;
    --input-bg: #f7fafc;
    --input-border: #cbd5e0;
}
body {
    background-color: var(--bg-color);
    color: var(--text-color);
}
.container {
    background-color: var(--container-bg);
}
input, button {
    background-color: var(--input-bg);
    border-color: var(--input-border);
}
button {
    background-color: var(--button-bg);
    color: var(--text-color);
}
button:hover {
    background-color: var(--button-hover-bg);
}