mirror of
https://gitlab.com/octospacc/Web-Archives-Misc
synced 2024-12-28 16:50:01 +01:00
62 lines
1.3 KiB
CSS
62 lines
1.3 KiB
CSS
/*inspired by water.css*/
|
|
:root {
|
|
--background-body: #202b38;
|
|
--background: #161f27;
|
|
--background-alt: #1a242f;
|
|
--selection: #1c76c5;
|
|
--text-main: #dbdbdb;
|
|
--text-bright: #fff;
|
|
--text-muted: #a9b1ba;
|
|
--links: #41adff;
|
|
--focus: #0096bfab;
|
|
--border: #526980;
|
|
--code: #ffbe85;
|
|
--animation-duration: 0.1s;
|
|
--button-hover: #324759;
|
|
--scrollbar-thumb: var(--button-hover);
|
|
--scrollbar-thumb-hover: rgb(65, 92, 115);
|
|
--form-placeholder: #a9a9a9;
|
|
--form-text: #fff;
|
|
--variable: #d941e2;
|
|
--highlight: #efdb43;
|
|
--active: #1c76c5;
|
|
}
|
|
|
|
button {
|
|
color: #fff;
|
|
background-color: var(--background);
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
padding: 10px;
|
|
border: 2px white solid;
|
|
border-radius: 6px;
|
|
outline: none;
|
|
}
|
|
|
|
button:active {
|
|
background-color: var(--button-hover);
|
|
}
|
|
|
|
input {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
margin-right: 6px;
|
|
margin-bottom: 6px;
|
|
border: none;
|
|
border-radius: 6px;
|
|
padding: 10px;
|
|
color: var(--form-text);
|
|
background-color: var(--background);
|
|
}
|
|
|
|
::placeholder {
|
|
color: #a9a9a9;
|
|
color: var(--form-placeholder);
|
|
}
|
|
|
|
|
|
body {
|
|
font-family: system-ui, -apple-system, sans-serif;
|
|
line-height: 1.2;
|
|
color: white;
|
|
} |