💄 update color themes & other small edits
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
		
							parent
							
								
									9547570cbb
								
							
						
					
					
						commit
						b2e3bc7f0a
					
				
					 1 changed files with 15 additions and 17 deletions
				
			
		| 
						 | 
					@ -1,17 +1,17 @@
 | 
				
			||||||
:root {
 | 
					:root {
 | 
				
			||||||
	--light-bg: #FFF8EA;
 | 
					  --light-bg: #F7F0E8; /* Coffee Cream Background */
 | 
				
			||||||
	--light-1: #594545;
 | 
					  --light-1: #3B2C29; /* Espresso Text */
 | 
				
			||||||
	--light-2: #815B5B;
 | 
					  --light-2: #78605C; /* Latte Secondary Text */
 | 
				
			||||||
	--light-3: #9E7676;
 | 
					  --light-3: #A48B82; /* Cappuccino Accents */
 | 
				
			||||||
	--light-hover: #DAC0A3;
 | 
					  --light-hover: #A48B82; /* Cappuccino Accents (for hover states) */
 | 
				
			||||||
	--light-link: #0D47A1;
 | 
					  --light-link: #B08968; /* Caramel Macchiato Links */
 | 
				
			||||||
	--dark-bg: #24273a;
 | 
					  --dark-bg: #0F1A1C; /* Deep Ocean Background */
 | 
				
			||||||
	--dark-1: #cad3f5;
 | 
					  --dark-1: #9AD3BB; /* Mint Foam Text */
 | 
				
			||||||
	--dark-2: #6e738d;
 | 
					  --dark-2: #3A6F7F; /* Coral Reef Accent */
 | 
				
			||||||
	--dark-3: #363a4f;
 | 
					  --dark-3: #2B4F60; /* Seaweed Highlight */
 | 
				
			||||||
	--dark-hover: #181926;
 | 
					  --dark-hover: #1A333F; /* Lagoon Hover */
 | 
				
			||||||
	--dark-link: #ee99a0;
 | 
					  --dark-link: #7FCDCD; /* Aquamarine Links */
 | 
				
			||||||
  }
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
html {
 | 
					html {
 | 
				
			||||||
	background-color: var(--light-bg);
 | 
						background-color: var(--light-bg);
 | 
				
			||||||
| 
						 | 
					@ -45,20 +45,18 @@ p {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.social a:nth-child(2) :hover {
 | 
					.social a:nth-child(2) :hover {
 | 
				
			||||||
    color: #0A66C2 !important;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.social a:nth-child(3) :hover {
 | 
					 | 
				
			||||||
    color: #1DB954 !important;
 | 
					    color: #1DB954 !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* FOOTER */
 | 
					/* FOOTER */
 | 
				
			||||||
.footerbg {
 | 
					.footerbg {
 | 
				
			||||||
	background-color: var(--light-bg);
 | 
						background-color: var(--light-bg);
 | 
				
			||||||
 | 
						border-top: 1px solid var(--light-1);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.dark .footerbg {
 | 
					.dark .footerbg {
 | 
				
			||||||
	background-color: var(--dark-bg);
 | 
						background-color: var(--dark-bg);
 | 
				
			||||||
 | 
					  	border-top: 1px solid var(--dark-1);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* BLOG */
 | 
					/* BLOG */
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue