From dd3ddced663a7985afac476320fa5809ac4dc79a Mon Sep 17 00:00:00 2001 From: PaddiM8 Date: Mon, 4 Jan 2021 19:37:18 +0100 Subject: [PATCH] Made kalk_web colors inherited instead of set by prop --- kalk_web/public/index.html | 11 ++++++----- kalk_web/src/KalkCalculator.svelte | 10 +++++----- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/kalk_web/public/index.html b/kalk_web/public/index.html index 768ac3b..f166422 100644 --- a/kalk_web/public/index.html +++ b/kalk_web/public/index.html @@ -17,22 +17,23 @@ } .calculator { - width: 600px; - height: 200px; + width: 850px; + height: 350px; + color: white; font-family: "Hack", monospace, Consolas; font-size: 14px; padding: 5px 10px 0 10px; - background-color: #424242; + background-color: #2e2e2e; border-radius: 7px; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset; } -
- +
diff --git a/kalk_web/src/KalkCalculator.svelte b/kalk_web/src/KalkCalculator.svelte index dfb8e8e..03111b3 100644 --- a/kalk_web/src/KalkCalculator.svelte +++ b/kalk_web/src/KalkCalculator.svelte @@ -7,8 +7,6 @@ export let errorColor = "tomato"; export let hintColor = "#9c9c9c"; export let linkColor = "cornflowerblue"; - export let backgroundColor = "#424242"; - export let textColor = "white"; let outputLines: [value: string, byUser: boolean][] = []; let outputElement: HTMLElement; @@ -221,6 +219,8 @@ width: 100%; height: 100%; box-sizing: border-box; + background-color: inherit; + color: inherit; } .output { @@ -275,8 +275,8 @@ -
-
+
+

kalk

Type 'help' for instructions. @@ -293,7 +293,7 @@

>>  {#await import('@paddim8/kalk')} - Loading... + Loading... {:then kalk}