From 0a31a5919ccc89d31f4e0bceef5874b4a56a300b Mon Sep 17 00:00:00 2001 From: Mycroft Date: Tue, 20 Apr 2021 23:20:40 +0100 Subject: [PATCH] reskin --- html/css/app.css | 43 ++++++++++++++++++++++++++++++------------- html/ui.html | 2 ++ 2 files changed, 32 insertions(+), 13 deletions(-) diff --git a/html/css/app.css b/html/css/app.css index e8f361b5..accb9864 100644 --- a/html/css/app.css +++ b/html/css/app.css @@ -9,13 +9,12 @@ } #controls { - font-family: pcdown; - font-size: 3em; + font-family: 'IBM Plex Sans', sans-serif; + font-size: 5em; color: #FFF; position: absolute; bottom: 40; right: 40; - text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .controls { @@ -23,16 +22,15 @@ } .dialog { - font-family: bankgothic; - background-color: #fff; + font-family: 'PT Sans Narrow', sans-serif; + background-color: rgba(40, 40, 40, 1); color: #fff; - box-shadow: 0px 0px 50px 0px #000; position: absolute; overflow: hidden; top: 50%; left: 50%; - width: 600px; - height: 104px; + width: 640px; + height: 124px; transform: translate(-50%, -50%); } @@ -41,9 +39,10 @@ } .dialog .head { - background-color: #506be6; + background-color: #4682B4; text-align: center; height: 40px; + font-size: 22px; } .dialog .head span:before { @@ -55,20 +54,38 @@ .dialog input[type="text"] { width: 100%; - height: 32px; + height: 42px; + color: #fff; + font-size: 20px; + background-color: rgba(20, 20, 20, 1); + border-bottom: 2px solid #e76767; } .dialog textarea { width: 100%; - height: 128px; + height: 138px; + color: #fff; + font-size: 20px; + background-color: rgba(20, 20, 20, 1); + border-bottom: 2px solid #e76767; } .dialog button[name="submit"] { width: 75%; - height: 32px; + color: #fff; + height: 42px; + font-size: 22px; + border: 0px solid #e76767; + border-right: 1px solid #e76767; + background-color: rgba(40, 40, 40, 1) } .dialog button[name="cancel"] { width: 25%; - height: 32px; + color: rgb(236, 75, 75); + height: 42px; + font-size: 20px; + border: 0px solid #e76767; + border-left: 1px solid #e76767; + background-color: rgba(40, 40, 40, 1) } diff --git a/html/ui.html b/html/ui.html index 75e70cd1..d05f3bed 100644 --- a/html/ui.html +++ b/html/ui.html @@ -3,6 +3,8 @@ + +