Hugging Face's logo

Spaces:
ohamlab
/
Knowme
Paused

App Files Community
Knowme / static /index.html
rahul7star's picture
rahul7star
Update static/index.html
b12818b verified
Raw History Blame Contribute Delete
4.76 kB
<!doctype html>
<html lang="en">
<style>
:root{
/* Backgrounds */
--paper:#f8fafc !important;
--card:#ffffff !important;
/* Text */
--ink:#111827 !important;
--ink-soft:#475569 !important;
/* Borders & UI */
--line:#e2e8f0 !important;
/* Accent Colors */
--learn:#2563eb !important;
--act:#4f46e5 !important;
--ref:#0891b2 !important;
--eph:#7c3aed !important;
--done:#16a34a !important;
/* Shadows */
--shadow-sm:0 1px 3px rgba(0,0,0,.06) !important;
--shadow:0 4px 12px rgba(0,0,0,.08) !important;
--shadow-lg:0 8px 24px rgba(0,0,0,.10) !important;
}
body{
background:#f5f7fb !important;
color:var(--ink) !important;
font-family:
Inter,
system-ui,
sans-serif !important;
line-height:1.6 !important;
}
/* Main Containers */
.gradio-container,
main,
.block,
.panel,
section,
.card,
[class*="card"]{
background:var(--card) !important;
border:1px solid var(--line) !important;
border-radius:12px !important;
box-shadow:var(--shadow-sm) !important;
}
/* Headings */
h1,h2,h3,h4,h5{
color:#0f172a !important;
font-weight:600 !important;
}
/* Text */
p,li,span,label{
color:var(--ink-soft) !important;
}
/* Links */
a{
color:var(--learn) !important;
text-decoration:none !important;
}
a:hover{
text-decoration:underline !important;
}
/* Buttons */
button{
background:#2563eb !important;
color:white !important;
border:none !important;
border-radius:10px !important;
font-weight:600 !important;
box-shadow:none !important;
}
button:hover{
filter:brightness(1.05);
}
/* Inputs */
input,
textarea,
select{
background:#ffffff !important;
color:var(--ink) !important;
border:1px solid #d1d5db !important;
border-radius:10px !important;
}
input:focus,
textarea:focus,
select:focus{
border-color:#2563eb !important;
box-shadow:0 0 0 3px rgba(37,99,235,.12) !important;
outline:none !important;
}
/* Tables */
table{
background:white !important;
}
th{
background:#f8fafc !important;
color:#0f172a !important;
}
td{
color:#334155 !important;
}
/* Chat Messages */
.message,
.chatbot .message{
background:#ffffff !important;
border:1px solid #e5e7eb !important;
color:#111827 !important;
}
/* Scrollbars */
::-webkit-scrollbar{
width:10px;
}
::-webkit-scrollbar-track{
background:#f1f5f9;
}
::-webkit-scrollbar-thumb{
background:#cbd5e1;
border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
background:#94a3b8;
}
</style>
<!-- <style>
:root{
/* Backgrounds */
--paper:#0b1220 !important;
--card:#111827 !important;
/* Text */
--ink:#f8fafc !important;
--ink-soft:#cbd5e1 !important;
/* Accents */
--line:#334155 !important;
--learn:#38bdf8 !important;
--act:#8b5cf6 !important;
--ref:#06b6d4 !important;
--eph:#a855f7 !important;
--done:#22c55e !important;
/* Softer shadows */
--shadow-sm:0 2px 8px rgba(0,0,0,.25) !important;
--shadow:0 8px 24px rgba(0,0,0,.35) !important;
--shadow-lg:0 12px 40px rgba(0,0,0,.45) !important;
}
body{
background:
radial-gradient(circle at top left,
rgba(56,189,248,.08),
transparent 35%),
radial-gradient(circle at top right,
rgba(139,92,246,.08),
transparent 35%),
linear-gradient(
135deg,
#020617,
#0f172a,
#111827
) !important;
color: var(--ink) !important;
font-family:
Inter,
"Space Grotesk",
system-ui,
sans-serif !important;
line-height: 1.7 !important;
}
/* Cards */
[class*="card"],
.card,
section,
.panel{
background: rgba(17,24,39,.85);
backdrop-filter: blur(10px);
border: 1px solid rgba(148,163,184,.15);
border-radius: 16px;
}
/* Headings */
h1,h2,h3,h4{
color:#ffffff !important;
font-weight:700;
letter-spacing:-0.02em;
}
/* Paragraphs */
p,li,span{
color:#dbe4f0;
}
/* Links */
a{
color:#38bdf8 !important;
}
a:hover{
color:#7dd3fc !important;
}
/* Buttons */
button{
background:
linear-gradient(
135deg,
#0ea5e9,
#8b5cf6
) !important;
color:white !important;
border:none !important;
border-radius:12px !important;
box-shadow:
0 4px 12px rgba(14,165,233,.25);
}
/* Inputs */
input,
textarea,
select{
background:#0f172a !important;
color:white !important;
border:1px solid #334155 !important;
border-radius:12px !important;
}
</style> -->
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Knowme</title>
<script type="module" crossorigin src="/_app/index-C37B1Xuh.js"></script>
<link rel="stylesheet" crossorigin href="/_app/index-BvUgL4Tz.css">
</head>
<body>
<div id="root"></div>
</body>
</html>