mirror of
https://github.com/Steffo99/festa.git
synced 2024-10-16 15:07:27 +00:00
106 lines
No EOL
1.7 KiB
CSS
106 lines
No EOL
1.7 KiB
CSS
@media (prefers-color-scheme: light) {
|
|
body {
|
|
--background: #fafafa;
|
|
--foreground: black;
|
|
--border: darkgray;
|
|
|
|
--anchor: #4444ff;
|
|
--anchor-visited: #aa44ff;
|
|
--anchor-active: #ff4444;
|
|
|
|
--positive: #008800;
|
|
--negative: #880000;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
--background: #050505;
|
|
--foreground: white;
|
|
--border: darkgray;
|
|
|
|
--anchor: #8888ff;
|
|
--anchor-visited: #aa88ff;
|
|
--anchor-active: #ff8888;
|
|
|
|
--positive: #88ff88;
|
|
--negative: #ff8888;
|
|
}
|
|
}
|
|
|
|
|
|
body {
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
background-color: var(--background);
|
|
|
|
font-family: sans-serif;
|
|
color: var(--foreground);
|
|
text-shadow: 1px 1px 1px var(--background);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
margin: 0;
|
|
text-shadow: 2px 2px 2px var(--background);
|
|
}
|
|
|
|
a {
|
|
color: var(--anchor);
|
|
}
|
|
|
|
a:visited {
|
|
color: var(--anchor-visited);
|
|
}
|
|
|
|
a:active {
|
|
color: var(--anchor-active);
|
|
}
|
|
|
|
input, button {
|
|
padding: 8px;
|
|
margin: 2px 4px;
|
|
|
|
color: var(--foreground);
|
|
background-color: var(--background);
|
|
|
|
border-width: 2px;
|
|
border-color: var(--border);
|
|
border-radius: 16px;
|
|
|
|
font-size: medium;
|
|
height: 40px;
|
|
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input[type="text"] {
|
|
border-style: inset;
|
|
}
|
|
|
|
input[type="submit"], button {
|
|
border-style: outset;
|
|
}
|
|
|
|
input[type="submit"]:active, button:active {
|
|
border-style: inset;
|
|
}
|
|
|
|
.input-square {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
|
|
.input-positive {
|
|
border-color: var(--positive);
|
|
color: var(--positive);
|
|
}
|
|
|
|
.input-negative {
|
|
border-color: var(--negative);
|
|
color: var(--negative);
|
|
} |