From ae00a924deb186716ecf0367ffd0512c90ef3c20 Mon Sep 17 00:00:00 2001 From: Mauricio Paternina Date: Mon, 19 Apr 2021 14:53:46 -0500 Subject: [PATCH] fix custombutton colors for a11y contrast --- .../06-dom-event-forwarding/app-a/CustomButton.svelte | 10 +++++----- .../06-dom-event-forwarding/app-b/CustomButton.svelte | 10 +++++----- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/CustomButton.svelte b/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/CustomButton.svelte index 0955930b5d..e68b9d46d9 100644 --- a/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/CustomButton.svelte +++ b/site/content/tutorial/05-events/06-dom-event-forwarding/app-a/CustomButton.svelte @@ -2,18 +2,18 @@ button { height: 4rem; width: 8rem; - background-color: #aaa; - border-color: #f1c40f; - color: #f1c40f; + background-color: #ddd; + border-color: #ff3e00; + color: #ff3e00; font-size: 1.25rem; - background-image: linear-gradient(45deg, #f1c40f 50%, transparent 50%); + background-image: linear-gradient(45deg, #ff3e00 50%, transparent 50%); background-position: 100%; background-size: 400%; transition: background 300ms ease-in-out; } button:hover { background-position: 0; - color: #aaa; + color: #ddd; } diff --git a/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/CustomButton.svelte b/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/CustomButton.svelte index f521c1f471..3ae3172c9d 100644 --- a/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/CustomButton.svelte +++ b/site/content/tutorial/05-events/06-dom-event-forwarding/app-b/CustomButton.svelte @@ -2,18 +2,18 @@ button { height: 4rem; width: 8rem; - background-color: #aaa; - border-color: #f1c40f; - color: #f1c40f; + background-color: #ddd; + border-color: #ff3e00; + color: #ff3e00; font-size: 1.25rem; - background-image: linear-gradient(45deg, #f1c40f 50%, transparent 50%); + background-image: linear-gradient(45deg, #ff3e00 50%, transparent 50%); background-position: 100%; background-size: 400%; transition: background 300ms ease-in-out; } button:hover { background-position: 0; - color: #aaa; + color: #ddd; }