Voir la source de EZ Server Monitor

[[Category:Web]]
= Liens =
* [https://ezservermonitor.com/esm-web/documentation Documentation]

= [http://ezservermonitor.com/esm-web/documentation Configuration] =
<filebox fn=conf/esm.config.json lang=json>
    "esm": {
        "theme": "dark",
        "custom_title": "Mon Serveur"
    },
    "ping": {
        "hosts": [
            "orange.fr",
            "google.fr"
        ]
    },
</filebox>

= Dark Theme =
<filebox fn='index.php' lang='html'>
<link rel="stylesheet" href="web/css/frontend.css" type="text/css">
<link rel="stylesheet" href="web/css/darktheme.css" type="text/css">
</filebox>

<filebox fn='web/css/darktheme.css' collapsed>
/* fond */
#main-container {
    background-color: #000;
}

/* bandeau principal */
body.theme-blue nav[role="main"],
/* bandeaux de titre */
body.theme-blue .box .box-header {
    background-color: hsl(203, 76%, 46%);
}
nav[role="main"],
/* logo */
nav[role="main"] #appname a {
    color: hsl(0, 0%, 15%);
}


/* police */
body {
    font-family: "DejaVu Sans", sans-serif;
}

/* blocs */
.box {
    background-color: hsl(0, 0%, 15%);
    color: hsl(0, 0%, 85%);
}
body.theme-blue .box {
    border-color: hsl(0, 0%, 40%);
}
/* titre */
.box .box-header h1 {
    color: hsl(0, 0%, 15%);
}

/* table */
table:not(.no-style) tbody tr:nth-child(2n+1) {
    background-color: hsl(0, 0%, 25%);
}
table:not(.no-style) tr {
    border-bottom-color: hsl(0, 0%, 50%);
    border-top-color: hsl(0, 0%, 50%);
}
body.theme-blue table:not(.no-style) tbody tr:nth-child(2n):hover {
    background: hsl(0, 0%, 15%);
}
body.theme-blue table:not(.no-style) tbody tr:nth-child(2n+1):hover {
    background: hsl(0, 0%, 25%);
}

/* bouton recharger */
body.theme-blue .box .box-header ul li a:hover:not(.disabled),
body.theme-blue nav[role="main"] > ul > li > a:hover {
    background: hsl(203, 76%, 46%);
    color: white !important;
}
.box .box-header ul li a,
nav[role="main"] > ul > li > a {
    color: hsl(0, 0%, 15%);
}

/* barre de progression */
.progressbar-wrap .progressbar.orange {
    background-color: hsl(23, 76%, 60%);
}
.progressbar-wrap .progressbar.green {
    background-color: hsl(111, 50%, 50%);
}
.progressbar {
	color: black;
}

/* online offline */
span.label {
	color: black;
}
</filebox>

= Installation =
<kode lang='bash'>
git clone https://github.com/shevabam/ezservermonitor-web.git
</kode>
Télécharger une version [https://ezservermonitor.com/esm-web/downloads ici].