Hugging Face's logo

Spaces:
thulieu
/
CosmeticsStore
Running

App Files Community
CosmeticsStore
File size: 928 Bytes 
c9ba648
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
 
/*=============== THEME ===============*/

/*========== Variables Dark theme ==========*/
body.dark-theme{
   --title-color: hsl(230, 48%, 85%);
   --text-color: hsl(230, 16%, 70%);
   --border-color: hsl(230, 12%, 18%);
   --body-color: hsl(230, 12%, 8%);
   --container-color: hsl(230, 12%, 12%);
}

/*========== 

	Color changes in some parts of 

	the website, in dark theme

==========*/
.dark-theme .shadow-header{
	box-shadow: 0 2px 16px hsla(0, 0%, 0%, .4);
}

.dark-theme .nav__menu{
	box-shadow: 0 -8px 32px hsla(0, 0%, 0%, .4);
}

.dark-theme .scrollup{
	box-shadow: 0 2px 8px hsla(0, 0%, 0%, .4);
}

.dark-theme .search,
.dark-theme .login{
	background-color: hsla(230, 12, 8, .6);
}

.dark-theme::-webkit-scrollbar{
	background-color: hsl(230, 16%, 15%);
	
	&-thumb{
		 background-color: hsl(230, 16%, 25%);
		 
		 &:hover{
			  background-color: hsl(230, 16%, 35%);
		 }
	}
}