better theming

This commit is contained in:
Jonas Weinz 2019-03-23 16:32:55 +01:00
parent 6650b9fc89
commit 5f7b231d60
3 changed files with 9 additions and 7 deletions

View File

@ -2,6 +2,7 @@
<link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" type="text/css" href="style.css">
<head> <head>
<meta name="viewport" content="width=device-width, user-scalable=no" /> <meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="theme-color" content="#7e57c2" />
<link rel="manifest" href="./manifest.json" /> <link rel="manifest" href="./manifest.json" />
<link rel="icon" href="icon.png" type="image/png"/> <link rel="icon" href="icon.png" type="image/png"/>
<script defer src="site.js"></script> <script defer src="site.js"></script>

View File

@ -24,10 +24,11 @@ b_local_game = create_game_container.create_button("Local Game");
// register container: // register container:
register_container = main_menu.create_infocontainer(); register_container = main_menu.create_infocontainer();
register_container.create_label("Register or login to play online"); register_container.create_label("Login to play online");
i_register_username = register_container.create_input("username"); i_register_username = register_container.create_input("username");
i_register_pw = register_container.create_input("password", true); i_register_pw = register_container.create_input("password", true);
b_register = register_container.create_button("register/login"); b_register = register_container.create_button("register/login");
register_container.create_label("(creates new account for a new username)");
// logout: // logout:
logout_container = sub_menu.create_infocontainer(); logout_container = sub_menu.create_infocontainer();
@ -239,7 +240,7 @@ login = function(){
connection.close(); connection.close();
} }
connection = new WebsocketConnection(server_url, server_port, grid, l_status, match_slot_container, match_control, login_callback, on_connection_error); connection = new WebsocketConnection(server_url, server_port, grid, l_status, match_slot_container, match_control, login_callback, on_connection_error);
connection.connect(i_register_username.value, i_register_pw.value); connection.connect(i_register_username.value.toLowerCase(), i_register_pw.value);
} }
search_match = function() search_match = function()

View File

@ -165,7 +165,7 @@ a:visited {
} }
.infobar-label { .infobar-label {
color: white; color: rgba(224, 217, 235, 0.8);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-size: calc(2 * var(--border-radius)); font-size: calc(2 * var(--border-radius));
@ -185,7 +185,7 @@ a:visited {
border: none; border: none;
outline: 0; outline: 0;
transition-duration: 0.3s; transition-duration: 0.3s;
background: rgba(0, 0, 0, 0.5); background: rgba(126,87,194, 0.2) ;
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
font-size: calc(2.8 * var(--border-radius)); font-size: calc(2.8 * var(--border-radius));
height: calc(4 * var(--border-radius)); height: calc(4 * var(--border-radius));
@ -278,11 +278,11 @@ a:visited {
.infobar-button:hover { .infobar-button:hover {
background: rgba(126,87,194, 0.2); background: rgba(126,87,194, 0.5);
} }
.infobar-button:active { .infobar-button:active {
background: rgba(126,87,194, 0.4); background: rgba(126,87,194, 0.8);
} }
.infobar-button:disabled { .infobar-button:disabled {
@ -296,7 +296,7 @@ a:visited {
border: none; border: none;
outline: 0; outline: 0;
transition-duration: 0.3s; transition-duration: 0.3s;
background: rgba(0, 0, 0, 0.2); background: rgba(126,87,194, 0.2);
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
font-size: calc(3 * var(--border-radius)); font-size: calc(3 * var(--border-radius));
height: calc(4 * var(--border-radius)); height: calc(4 * var(--border-radius));