[Client] Improve legal pages design
- Change background color to game's grey to fix hover color of footer links; - Move footer links at the bottom of the page; - Change game's blue color to match this color with accessibility recommendations.
This commit is contained in:
parent
8aed3a99da
commit
40c4e47327
@ -33,7 +33,7 @@
|
||||
--alert-dialog-background-color: #000000DF;
|
||||
--dark-theme-background-color: #213C40;
|
||||
--game-black: #000000;
|
||||
--game-blue: #0096FF;
|
||||
--game-blue: #7DDCFF;
|
||||
--game-green: #008000;
|
||||
--game-grey: #5A5656;
|
||||
--game-red: #BD1E1E;
|
||||
|
@ -1,10 +1,21 @@
|
||||
/* Common properties */
|
||||
html {
|
||||
background-color: var(--game-black);
|
||||
background-color: var(--game-grey);
|
||||
color: var(--game-white);
|
||||
font-family: "Roboto Mono", "sans-serif";
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: calc(100vh - var(--body-margin) * 2);
|
||||
width: calc(100vw - var(--body-margin) * 2);
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
/* Legal links and texts */
|
||||
.legal_text_description, .legal_text_last_update, .legal_text_title {
|
||||
margin: 0;
|
||||
|
Loading…
Reference in New Issue
Block a user