ColourDesignToolkit/practice.css at main · Sumaniya-sheikh/ColourDesignToolkit · 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
/* General Styles */
body {
    background-color: #ffffff; /* Light theme background */
    color: #000000; /* Light theme text color */
    transition: background-color 0.5s, color 0.5s;
}

/* Dark Theme Styles */
body.dark-theme {
    background-color: #121212; /* Dark theme background */
    color: #ffffff; /* Dark theme text color */
}

/* Header Styles */
header {
    background: linear-gradient(to right, #024F55, #3c949e);
    color: #23c1e8;
    width: 100%;
    height: 70%;
    padding: 40px 20px;
    text-align: center;
    animation: fadeInDown 1s ease;
    overflow-x: hidden;
}
footer {
    background-color: #f8f8f8; /* Light footer background */
    color: #333; /* Light footer text color */
    padding: 20px;
    text-align: center;
    transition: background-color 0.5s, color 0.5s;
}

footer.dark-theme {
    background-color: #1c1c1c; /* Dark footer background */
    color: #f8f8f8; /* Dark footer text color */
}