From 9f82d67af16f4969abff79665633b7bdd9315819 Mon Sep 17 00:00:00 2001
From: Achim Vedam <vedam.art@gmail.com>
Date: Wed, 1 May 2019 16:14:10 +0200
Subject: [PATCH] minor fixes on opacities and color

---
 site/src/routes/tutorial/[slug]/_TableOfContents.svelte | 8 ++++++--
 site/src/routes/tutorial/[slug]/index.svelte            | 4 ++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/site/src/routes/tutorial/[slug]/_TableOfContents.svelte b/site/src/routes/tutorial/[slug]/_TableOfContents.svelte
index 4796a71587..b74cc46046 100644
--- a/site/src/routes/tutorial/[slug]/_TableOfContents.svelte
+++ b/site/src/routes/tutorial/[slug]/_TableOfContents.svelte
@@ -30,13 +30,17 @@
 		display: block;
 		padding: 0.7em 0;
 		text-align: center;
-		opacity: 0.7;
+		opacity: 0.75;
 		color: white;
 	}
 
+	a:hover {
+		opacity: 1;
+	}
+
 	a.disabled, a.disabled:hover, a.disabled:active {
 		color: white;
-		opacity: 0.4;
+		opacity: 0.3;
 	}
 
 	span {
diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte
index 03b3a2f621..9afc3d40df 100644
--- a/site/src/routes/tutorial/[slug]/index.svelte
+++ b/site/src/routes/tutorial/[slug]/index.svelte
@@ -166,7 +166,7 @@
 		font-size: var(--h3);
 		line-height: 1;
 		font-weight: 400;
-		color: var(--sidebar-text);
+		color: white;
 	}
 
 	.chapter-markup :global(h2:first-child) {
@@ -213,7 +213,7 @@
 	}
 
 	.controls {
-		border-top: 1px solid rgba(0,0,0,.25);
+		border-top: 1px solid rgba(255,255,255,.15);
 		padding: 1em 0 0 0;
 		display: flex;
 	}