chore: adjust input/button colors
This commit is contained in:
parent
40f661ff58
commit
9e0ed3b640
2 changed files with 10 additions and 8 deletions
|
@ -6,6 +6,8 @@
|
|||
:root {
|
||||
--bg: #13151a;
|
||||
--accent: #b283e5;
|
||||
--input-bg: #28253c;
|
||||
--input-border: #4c4c6d;
|
||||
}
|
||||
|
||||
html {
|
||||
|
|
|
@ -148,8 +148,8 @@
|
|||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.5rem;
|
||||
background-color: #312d51;
|
||||
border: 2px solid #7a7abd;
|
||||
background-color: var(--input-bg);
|
||||
border: 2px solid var(--input-border);
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
|
@ -160,14 +160,14 @@
|
|||
margin-top: 0.5rem;
|
||||
border-radius: 0.5rem;
|
||||
width: 100%;
|
||||
background-color: #312d51;
|
||||
border: 2px solid #7a7abd;
|
||||
background-color: var(--input-bg);
|
||||
border: 2px solid var(--input-border);
|
||||
padding: 4px 8px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.input:focus {
|
||||
outline: 1px solid #7a7abd;
|
||||
outline: 1px solid var(--input-border);
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
|
@ -182,8 +182,8 @@
|
|||
margin-top: 0.5rem;
|
||||
border-radius: 0.5rem;
|
||||
width: 100%;
|
||||
background-color: #312d51;
|
||||
border: 2px solid #7a7abd;
|
||||
background-color: var(--input-bg);
|
||||
border: 2px solid var(--input-border);
|
||||
padding: 4px 8px;
|
||||
color: white;
|
||||
resize: vertical;
|
||||
|
@ -192,7 +192,7 @@
|
|||
}
|
||||
|
||||
.textarea:focus {
|
||||
outline: 1px solid #7a7abd;
|
||||
outline: 1px solid var(--input-border);
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
|
|
Loading…
Reference in a new issue