chore: use variables for all colors
This commit is contained in:
		@@ -29,6 +29,9 @@
 | 
			
		||||
/*    --color-gray-90: #dad8d8;*/
 | 
			
		||||
 | 
			
		||||
/*    !* --text-color is assigned to --color-gray-_ above *!*/
 | 
			
		||||
/*    --text-color: var(--color-gray-20);*/
 | 
			
		||||
/*    --text-color-secondary: var(--color-gray-90);*/
 | 
			
		||||
/*    --text-color-tertiary: var(--color-green-2);*/
 | 
			
		||||
/*    --text-color-link: #1493fb;*/
 | 
			
		||||
/*    --text-color-link-active: #6969f7;*/
 | 
			
		||||
/*    --text-color-link-visited: #a6a6f8;*/
 | 
			
		||||
@@ -163,7 +166,7 @@ figure figcaption {
 | 
			
		||||
 | 
			
		||||
/* Header */
 | 
			
		||||
.main-header {
 | 
			
		||||
  background: #fff;
 | 
			
		||||
  background: var(--background-color);
 | 
			
		||||
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  z-index: 1000;
 | 
			
		||||
@@ -265,7 +268,7 @@ a[href].direct-link {
 | 
			
		||||
}
 | 
			
		||||
a[href].direct-link:focus,
 | 
			
		||||
:hover > a[href].direct-link {
 | 
			
		||||
  color: #aaa;
 | 
			
		||||
  color: var(--color-gray-50);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.main-footer {
 | 
			
		||||
@@ -278,7 +281,7 @@ a[href].direct-link:focus,
 | 
			
		||||
 | 
			
		||||
.main-footer,
 | 
			
		||||
.main-footer a {
 | 
			
		||||
  color: #fff;
 | 
			
		||||
  color: var(--background-color);
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.footer-contact {
 | 
			
		||||
@@ -295,7 +298,7 @@ a[href].direct-link:focus,
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.footer-contact-title {
 | 
			
		||||
  color: #fff;
 | 
			
		||||
  color: var(--background-color);
 | 
			
		||||
  font-size: 1.2em;
 | 
			
		||||
  font-style: normal;
 | 
			
		||||
  font-weight: 700;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user