better theming
This commit is contained in:
		| @ -2,6 +2,7 @@ | ||||
|     <link rel="stylesheet" type="text/css" href="style.css"> | ||||
| 	<head> | ||||
|         <meta name="viewport" content="width=device-width, user-scalable=no" /> | ||||
|         <meta name="theme-color" content="#7e57c2" /> | ||||
|         <link rel="manifest" href="./manifest.json" /> | ||||
|         <link rel="icon" href="icon.png" type="image/png"/> | ||||
|         <script defer src="site.js"></script> | ||||
|  | ||||
							
								
								
									
										5
									
								
								main.js
									
									
									
									
									
								
							
							
						
						
									
										5
									
								
								main.js
									
									
									
									
									
								
							| @ -24,10 +24,11 @@ b_local_game = create_game_container.create_button("Local Game"); | ||||
|  | ||||
| // register container: | ||||
| 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_pw = register_container.create_input("password", true); | ||||
| b_register = register_container.create_button("register/login"); | ||||
| register_container.create_label("(creates new account for a new username)"); | ||||
|  | ||||
| // logout: | ||||
| logout_container = sub_menu.create_infocontainer(); | ||||
| @ -239,7 +240,7 @@ login = function(){ | ||||
|         connection.close(); | ||||
|     } | ||||
|     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() | ||||
|  | ||||
							
								
								
									
										10
									
								
								style.css
									
									
									
									
									
								
							
							
						
						
									
										10
									
								
								style.css
									
									
									
									
									
								
							| @ -165,7 +165,7 @@ a:visited { | ||||
| } | ||||
|  | ||||
| .infobar-label { | ||||
|     color: white; | ||||
|     color: rgba(224, 217, 235, 0.8); | ||||
|     display: flex; | ||||
|     flex-direction: column; | ||||
|     font-size: calc(2 * var(--border-radius)); | ||||
| @ -185,7 +185,7 @@ a:visited { | ||||
|     border: none; | ||||
|     outline: 0; | ||||
|     transition-duration: 0.3s; | ||||
|     background: rgba(0, 0, 0, 0.5); | ||||
|     background: rgba(126,87,194, 0.2) ; | ||||
|     color: rgb(255, 255, 255); | ||||
|     font-size: calc(2.8 * var(--border-radius)); | ||||
|     height: calc(4 * var(--border-radius)); | ||||
| @ -278,11 +278,11 @@ a:visited { | ||||
|  | ||||
|  | ||||
| .infobar-button:hover { | ||||
|     background: rgba(126,87,194, 0.2); | ||||
|     background: rgba(126,87,194, 0.5); | ||||
| } | ||||
|  | ||||
| .infobar-button:active { | ||||
|     background: rgba(126,87,194, 0.4); | ||||
|     background: rgba(126,87,194, 0.8); | ||||
| } | ||||
|  | ||||
| .infobar-button:disabled { | ||||
| @ -296,7 +296,7 @@ a:visited { | ||||
|     border: none; | ||||
|     outline: 0; | ||||
|     transition-duration: 0.3s; | ||||
|     background: rgba(0, 0, 0, 0.2); | ||||
|     background: rgba(126,87,194, 0.2); | ||||
|     color: rgb(255, 255, 255); | ||||
|     font-size: calc(3 * var(--border-radius)); | ||||
|     height: calc(4 * var(--border-radius)); | ||||
|  | ||||
		Reference in New Issue
	
	Block a user