package h
import (
"html/template"
)
const styleTmplStr = `<style>
body {
max-width:1200px;
margin:0 auto;
padding:8px;
color: black;
background-color: white;
}
.swatch {
width: 40px;
height: 40px;
border-radius: 40px;
}
td.actions {
max-width: 93px;
}
td .swatch {
display: inline-block;
}
.swatch.red {
background-color: red;
}
.swatch.inactive {
border-color: gray;
border-style: dotted;
background-color: initial;
}
.swatch.yellow {
background-color: yellow;
}
h1 {
text-align: center;
}
form {
width: 400px;
margin: 0 auto;
}
form > div {
display: flex;
align-items: center;
padding-bottom: 20px;
}
form div:last-child{
padding-bottom: 0;
}
form label{
padding-right: 20px;
width: 73px;
flex-shrink: 0;
}
form input, form textarea {
width: 100%;
min-height: 42px;
}
input[type="submit"], button {
border-radius: 3px;
background-color: navy;
color: white;
}
@media(prefers-color-scheme:dark){
body{
color: white;
background-color: black;
}
a{color:#6d6dff}a:visited:{color:#c573ff;}
}
</style>`
var templateBaseStylesheet = template.Must(template.New("base_styles").Parse(styleTmplStr))