36 lines
1.2 KiB
HTML
36 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<style type="text/css">
|
|
html, body { height: 100%; overflow: hidden; }
|
|
body {
|
|
background-color: #f1f1e9;
|
|
background-image: url(images/logo.svg), linear-gradient(90deg, transparent 49.5%, rgb(17 33 43 / 5%) 50%, transparent 50.5%), linear-gradient(rgb(17 33 43 / 4%) 1px, transparent 1px);
|
|
background-position: center, 0 0, 0 0;
|
|
background-repeat: no-repeat, repeat, repeat;
|
|
background-size: 30%, 70px 70px, 7px 7px;
|
|
}
|
|
html[data-theme="dark"] body {
|
|
background-color: #161210;
|
|
background-image: url(images/logo.svg), linear-gradient(90deg, transparent 49.5%, rgb(228 98 44 / 7%) 50%, transparent 50.5%), linear-gradient(rgb(228 98 44 / 5%) 1px, transparent 1px);
|
|
}
|
|
html[data-theme="dark"] body::after {
|
|
content: "";
|
|
position: fixed;
|
|
inset: 0;
|
|
background-image: radial-gradient(circle at 12% 20%, rgb(143 174 61 / 12%), transparent 35%), radial-gradient(circle at 85% 75%, rgb(228 98 44 / 14%), transparent 40%);
|
|
pointer-events: none;
|
|
}
|
|
</style>
|
|
<script>
|
|
try {
|
|
if (localStorage.getItem('ep-theme') === 'dark') {
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
}
|
|
} catch (error) { }
|
|
</script>
|
|
</head>
|
|
<body></body>
|
|
</html> |