From b605f3867e9f98cde9db71e43df6c9dcc7017c66 Mon Sep 17 00:00:00 2001 From: mustafa0x Date: Thu, 24 Oct 2019 18:34:23 +0300 Subject: [PATCH 1/2] reduce confusion mentioned in #2452 --- site/src/routes/tutorial/[slug]/index.svelte | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte index ec23906057..ff6451d129 100644 --- a/site/src/routes/tutorial/[slug]/index.svelte +++ b/site/src/routes/tutorial/[slug]/index.svelte @@ -218,18 +218,20 @@ } .show { - background: rgba(0,0,0,.4); + background: var(--prime); padding: .3em .7em; border-radius: var(--border-r); top: .1em; position: relative; font-size: var(--h5); font-weight: 300; + box-shadow: 0 0 20px #444; + color: #fff; + transition: box-shadow .2s; } .show:hover { - background: rgba(0,0,0,.65); - color: white; + box-shadow: 0 0 30px 2px #333; } a.next { From d4fd91cbb96206404b7f6260d0a8d572dd3a530d Mon Sep 17 00:00:00 2001 From: Rich Harris Date: Thu, 24 Oct 2019 15:06:01 -0400 Subject: [PATCH 2/2] tweak 'show me' styles --- site/src/routes/tutorial/[slug]/index.svelte | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/site/src/routes/tutorial/[slug]/index.svelte b/site/src/routes/tutorial/[slug]/index.svelte index ff6451d129..be59665970 100644 --- a/site/src/routes/tutorial/[slug]/index.svelte +++ b/site/src/routes/tutorial/[slug]/index.svelte @@ -225,13 +225,11 @@ position: relative; font-size: var(--h5); font-weight: 300; - box-shadow: 0 0 20px #444; - color: #fff; - transition: box-shadow .2s; + color: rgba(255,255,255,0.7); } .show:hover { - box-shadow: 0 0 30px 2px #333; + color: white; } a.next {