Change home color scheme

This commit is contained in:
Ben Adrian Sarmiento
2024-07-10 01:52:51 +02:00
parent 6fc09e8486
commit 4fd8559201

View File

@@ -151,7 +151,83 @@ func (zr *Handlers) handleHome(resp http.ResponseWriter, req *http.Request) {
return
}
out := fmt.Sprintf(`<table border="1px">
out := fmt.Sprintf(`<head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css">
<style>
body {
padding: 15px;
background-color: #212A31; /* Dark background */
color: #D3D9D4; /* Light text color for contrast */
font-family: 'Roboto', sans-serif; /* Modern font choice */
}
table {
width: 100%%;
border-collapse: collapse;
background-color: #2E3944; /* Dark gray background for contrast */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); /* Subtle shadow */
}
th, td {
border: 1px solid #124E66; /* Border color from the palette */
padding: 10px;
text-align: left;
}
th {
background-color: #124E66; /* Dark header background */
color: #D3D9D4; /* Light text on header */
}
tr:nth-child(even) {
background-color: #2E3944; /* Subtle alternating row color */
}
tr:hover {
background-color: #1A252C; /* Darker shade on hover */
}
a {
color: #03A9F4; /* Slightly lighter blue for links */
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Button Styling */
input[type="submit"] {
background-color: #124E66; /* Button color from the palette */
color: #D3D9D4;
padding: 8px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s;
}
input[type="submit"]:hover {
background-color: #2E3944; /* Darker on hover */
}
/* Link Styling */
a {
color: #03A9F4; /* Slightly lighter blue for links */
text-decoration: none;
transition: color 0.3s;
}
a:hover {
color: #D3D9D4; /* Light color on hover for contrast */
}
</style>
</head>
<body>
<table border="1px">
<tr>
<th colspan="3">zurg</th>
</tr>
@@ -305,7 +381,7 @@ func (zr *Handlers) handleHome(resp http.ResponseWriter, req *http.Request) {
out += fmt.Sprintf(`
<tr>
<td rowspan="23">Config</td>
<td rowspan="24">Config</td>
<td>Version</td>
<td>%s</td>
</tr>