feat: Add notfellchen style
Some checks failed
ci/woodpecker/push/woodpecker Pipeline failed

This commit is contained in:
moanos [he/him] 2024-07-18 23:44:20 +02:00
parent d51fb299e9
commit f35fdab202

View File

@ -1,3 +1,51 @@
:root {
--primary-light-one: #5daa68;
--primary-light-two: #4a9455;
--primary-semidark-one: #356c3c;
--primary-dark-one: #17311b;
--secondary-light-one: #faf1cf;
--secondary-light-two: #e1d7b5;
--background-one: var(--primary-light-one);
--background-two: var(--primary-light-two);
--background-three: var(--secondary-light-one);
--background-four: var(--primary-dark-one);
--highlight-one: var(--primary-dark-one);
--highlight-one-text: var(--secondary-light-one);
--highlight-two: var(--primary-semidark-one);
--text-one: var(--secondary-light-one);
--shadow-one: var(--primary-dark-one);
--text-two: var(--primary-dark-one);
--text-three: var(--primary-light-one);
--shadow-three: var(--primary-dark-one);
}
body {
background: var(--background-one);
color: var(--text-two);
}
h1, h2 {
word-wrap: break-word;
color: var(--text-one);
text-shadow: 2px 2px var(--shadow-one);
}
.container-form {
background: var(--background-three);
color: var(--text-two);
border-radius: 10px;
padding: 20px;
}
.input-element {
margin: 20px;
}
label {
font-weight: bold;
}
.slidecontainer { .slidecontainer {
width: 100%; width: 100%;
} }
@ -48,7 +96,7 @@
.input-group button { .input-group button {
padding: 10px; padding: 10px;
border: none; border: none;
background-color: #007BFF; background-color: var(--primary-dark-one);
color: white; color: white;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
@ -59,5 +107,6 @@
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
border: 1px solid #ccc; border: 1px solid #ccc;
background-color: var(--secondary-light-one);
height: 36px; height: 36px;
} }