Update colors

Author: scriptex

style.css

@@ -201,7 +201,7 @@ body {
 	<input type="checkbox" id="menu" hidden />
 	<html-head-component src="meta.json" hidden></html-head-component>
 	<div class="title">
-		<img src="https://atanas.info/images/svg/logo-fill.svg" />
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 206 206"><g fill-rule="evenodd" transform="translate(3 3)"><circle fill="none" stroke-width="4" cx="100" cy="100" r="100"/><path stroke="none" d="m37.938 136.266 23.285-59.154 14.117 39.867 7.52 19.287h15.43L70.163 64H55.125L27 136.266m105.22 10.459v-9.327c-8.658-8.724-12.988-21.077-12.988-37.06 0-15.95 4.33-28.288 12.989-37.012V54c-8.073 4.492-14.462 10.905-19.165 19.238-4.704 8.334-7.056 17.367-7.056 27.1s2.393 18.831 7.178 27.295c4.785 8.463 11.133 14.827 19.043 19.092zm8.78 0c7.91-4.265 14.258-10.629 19.043-19.092 4.785-8.464 7.178-17.562 7.178-27.295s-2.352-18.766-7.056-27.1C155.461 64.905 149.073 58.492 141 54v9.326c8.659 8.724 12.988 21.061 12.988 37.012 0 15.983-4.33 28.336-12.988 37.06v9.327z"/></g></svg>
 		<label for="menu" aria-label="Open menu">Projects</label>
 		<h1>atanas atanasov (scriptex)</h1>
 		<h2>senior <br />javascript / typescript<br />engineer</h2>
@@ -310,13 +310,6 @@ body {
 	--secondary: #000;
 }
 
-@media (prefers-color-scheme: light) {
-	:root {
-		--primary: #000;
-		--secondary: #fff;
-	}
-}
-
 html {
 	font-size: 1rem;
 }
@@ -343,10 +336,12 @@ h3 {
 	justify-content: space-between;
 }
 
-.title img {
+.title svg {
 	width: 2rem;
 	height: 2rem;
 	display: block;
+	fill: var(--primary);
+	stroke: var(--primary);
 }
 
 .title h1,
@@ -477,3 +472,14 @@ codersrank-work-experience {
 codersrank-timeline {
 	--timeline-item-bg-color: #333;
 }
+
+@media (prefers-color-scheme: light) {
+	:root {
+		--primary: #000;
+		--secondary: #fff;
+	}
+
+	codersrank-timeline {
+		--timeline-item-bg-color: #ccc;
+	}
+}