update theme

1 files changed, 63 insertions, 65 deletions

diff --git a/client-web/public/assets/style/master.css b/client-web/public/assets/style/master.css
index 8a22d1b..a8e8ce9 100644
--- a/client-web/public/assets/style/master.css
+++ b/client-web/public/assets/style/master.css
@@ -2,114 +2,112 @@
 @import url("./logger.css");
 
 * {
-  font-family: "Ubuntu", sans-serif;
-  font-weight: 300;
-  color: white;
-  margin: 0px;
-  padding: 0px;
+    font-family: "Ubuntu", sans-serif;
+    font-weight: 300;
+    color: white;
+    margin: 0px;
+    padding: 0px;
 }
 
 :root {
-  --bg: #212121;
-  --bg-dark: #070707;
-  --bg-light: #354b58;
-  --bg-lighter: #4f5b62;
-  --bg-disabled: #720000;
-  --bg-enabled: #097200;
-  --ac: #4a148c;
-  --ac-light: #7c43bd;
-  --ac-dark: #12005e;
+    --bg: #151515;
+    --bg-dark: #070707;
+    --bg-light: #494949;
+    --bg-lighter: #949494;
+    --bg-disabled: #720000;
+    --bg-enabled: #097200;
+    --ac: #5e3f84;
+    --ac-light: #7c43bd;
+    --ac-dark: #12005e;
 }
 
 body {
-  background-color: var(--bg-dark);
+    background-color: var(--bg-dark);
 }
 
 h2 {
-  font-weight: 700;
-  margin: 1em;
+    font-weight: 700;
+    margin: 1em;
 }
 
 input[type="button"],
 button {
-  padding: 0.5em;
-  margin: 0.25em;
-  background-color: var(--bg-light);
-  border: 0px solid transparent;
-  border-radius: 3px;
+    padding: 0.5em;
+    margin: 0.25em;
+    background-color: var(--ac);
+    border: 0px solid transparent;
+    border-radius: 3px;
 }
 input[type="button"]:hover,
 button:hover {
-  background-color: var(--bg-lighter);
-}
-input[type="button"].enabled,
-button.enabled {
-  background-color: var(--bg-enabled);
+    filter: brightness(130%);
 }
 input[type="text"] {
-  background-color: var(--bg-dark);
-  border: 1px solid var(--ac-light);
+    background-color: var(--bg-dark);
+    border: 1px solid var(--ac-light);
 }
 
 .local-controls {
-  background-color: var(--bg);
-  padding: 0.5em;
-  position: absolute;
-  bottom: 0.5em;
-  border: 0px solid transparent;
-  border-radius: 5px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 100;
+    background-color: var(--bg);
+    padding: 0.5em;
+    position: absolute;
+    bottom: 0.5em;
+    border: 0px solid transparent;
+    border-radius: 5px;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 100;
 }
 
 .room {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
 
 .user {
-  background-color: var(--bg);
-  border: 0px soly transparent;
-  border-radius: 5px;
-  padding: 1em;
-  vertical-align: baseline;
-  min-width: 10em;
-  margin: 0.5em;
+    background-color: var(--bg);
+    border: 0px soly transparent;
+    border-radius: 5px;
+    padding: 1em;
+    vertical-align: baseline;
+    min-width: 10em;
+    margin: 0.5em;
 }
 
 .user .info .name {
-  font-weight: 400;
+    font-weight: 400;
 }
 .user.local .info .name {
-  text-decoration: underline;
+    text-decoration: underline;
+}
+.user .info {
+    margin-bottom: 1em;
 }
 
 .media {
-  max-height: 30vh;
-  border: 0px solid transparent;
-  border-radius: 5px;
+    max-height: 30vh;
+    border: 0px solid transparent;
+    border-radius: 5px;
 }
 
 .start-box {
-  position: absolute;
-  top: 50vh;
-  left: 50vw;
-  transform: translate(-50%, -50%);
+    position: absolute;
+    top: 50vh;
+    left: 50vw;
+    transform: translate(-50%, -50%);
 }
 .start-box p {
-  margin-bottom: 0.5em;
+    margin-bottom: 0.5em;
 }
 .start-box input[type="text"] {
-  margin: 0.5em;
-  font-size: 32px;
+    margin: 0.5em;
+    font-size: 32px;
 }
 
 .menu-overlay {
-  position: absolute;
-  bottom: 0px;
-  right: 0px;
-  display: block;
-  text-align: right;
+    position: absolute;
+    bottom: 0px;
+    right: 0px;
+    display: block;
+    text-align: right;
 }
-