vibegif/vibegif.lol
1
0
Fork 0
mirror of https://github.com/vibegif/vibegif.lol.git synced 2026-04-07 10:12:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Light neutral gray visual styling

Browse Source
This commit is contained in:
multipleof4
2026-03-20 20:59:00 -07:00
parent 46029936f3
commit 248b45bb7c
1 changed files with 61 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
assets/css/styles.css Normal file
View File

@@ -0,0 +1,61 @@
[x-cloak] {
display: none !important;
}
:root {
color-scheme: light;
}
body {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.card {
border: 1px solid #e5e7eb;
border-radius: 1rem;
background: #fff;
box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04);
}
.field {
display: block;
}
.label {
display: inline-block;
margin-bottom: 0.35rem;
font-size: 0.78rem;
font-weight: 600;
color: #374151;
}
.hint {
display: block;
margin-top: 0.35rem;
font-size: 0.72rem;
color: #6b7280;
}
.input {
width: 100%;
border: 1px solid #d1d5db;
border-radius: 0.65rem;
background: #fff;
padding: 0.6rem 0.75rem;
font-size: 0.92rem;
color: #111827;
outline: none;
}
.input:focus {
border-color: #9ca3af;
box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.18);
}
.chip {
border: 1px solid #d1d5db;
border-radius: 0.4rem;
background: #f9fafb;
padding: 0.1rem 0.35rem;
font-size: 0.75rem;
}