This repository has no description
1.themeToggle {
2 display: flex;
3 align-items: center;
4 gap: 0.5rem;
5 background-color: var(--button-background);
6 color: var(--button-text);
7 border: 1px solid var(--input-border);
8 border-radius: 8px;
9 padding: 0.5rem 0.8rem;
10 cursor: pointer;
11 transition: all 0.2s;
12 margin-left: auto;
13 white-space: nowrap;
14 padding-top: 0.7rem;
15}
16
17.themeToggle:hover {
18 background-color: var(--button-hover);
19 transform: translateY(-2px);
20 box-shadow: 0 2px 4px var(--shadow-color);
21}
22
23.themeToggle svg {
24 width: 18px;
25 height: 18px;
26}
27
28.themeLabel {
29 font-size: 0.9rem;
30 font-weight: 500;
31}
32
33@media (max-width: 800px) {
34 .themeToggle {
35 padding: 0.5rem 0.7rem;
36 }
37
38 .themeLabel {
39 font-size: 0.8rem;
40 }
41}
42
43@media (max-width: 600px) {
44 .themeToggle {
45 padding: 0.4rem;
46 display: flex;
47 justify-content: center;
48 align-items: center;
49 width: 36px;
50 height: 36px;
51 }
52
53 .themeLabel {
54 display: none;
55 }
56
57 .themeToggle svg {
58 width: 16px;
59 height: 16px;
60 }
61}