lumin/comfycamp
lumin/comfycamp
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity

chore: adjust input/button colors

Browse source
This commit is contained in:
Ivan R. 2024-08-25 23:15:33 +05:00
parent 40f661ff58
commit 9e0ed3b640
Signed by: lumin
GPG key ID: E0937DC7CD6D3817
2 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/css/app.css
View file

@ -6,6 +6,8 @@
:root { :root {
--bg: #13151a; --bg: #13151a;
--accent: #b283e5; --accent: #b283e5;
--input-bg: #28253c;
--input-border: #4c4c6d;
} }
html { html {

16
assets/css/core_components.css
View file

@ -148,8 +148,8 @@
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 600; font-weight: 600;
line-height: 1.5rem; line-height: 1.5rem;
background-color: #312d51; background-color: var(--input-bg);
border: 2px solid #7a7abd; border: 2px solid var(--input-border);
color: white; color: white;
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
@ -160,14 +160,14 @@
margin-top: 0.5rem; margin-top: 0.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
width: 100%; width: 100%;
background-color: #312d51; background-color: var(--input-bg);
border: 2px solid #7a7abd; border: 2px solid var(--input-border);
padding: 4px 8px; padding: 4px 8px;
color: white; color: white;
} }
.input:focus { .input:focus {
outline: 1px solid #7a7abd; outline: 1px solid var(--input-border);
} }
@media (min-width: 640px) { @media (min-width: 640px) {
@ -182,8 +182,8 @@
margin-top: 0.5rem; margin-top: 0.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
width: 100%; width: 100%;
background-color: #312d51; background-color: var(--input-bg);
border: 2px solid #7a7abd; border: 2px solid var(--input-border);
padding: 4px 8px; padding: 4px 8px;
color: white; color: white;
resize: vertical; resize: vertical;
@ -192,7 +192,7 @@
} }
.textarea:focus { .textarea:focus {
outline: 1px solid #7a7abd; outline: 1px solid var(--input-border);
} }
@media (min-width: 640px) { @media (min-width: 640px) {