Hugging Face's logo

Spaces:
ohamlab
/
Knowme
Paused

App Files Community
rahul7star commited on
Commit
b12818b
·
verified ·
1 Parent(s): 876595d

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +147 -2
static/index.html CHANGED
@@ -1,6 +1,151 @@
1
  <!doctype html>
2
  <html lang="en">
3
- <style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  :root{
5
  /* Backgrounds */
6
  --paper:#0b1220 !important;
@@ -114,7 +259,7 @@ select{
114
  border:1px solid #334155 !important;
115
  border-radius:12px !important;
116
  }
117
- </style>
118
  <head>
119
  <meta charset="UTF-8" />
120
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 
1
  <!doctype html>
2
  <html lang="en">
3
+
4
+
5
+ <style>
6
+ :root{
7
+ /* Backgrounds */
8
+ --paper:#f8fafc !important;
9
+ --card:#ffffff !important;
10
+
11
+ /* Text */
12
+ --ink:#111827 !important;
13
+ --ink-soft:#475569 !important;
14
+
15
+ /* Borders & UI */
16
+ --line:#e2e8f0 !important;
17
+
18
+ /* Accent Colors */
19
+ --learn:#2563eb !important;
20
+ --act:#4f46e5 !important;
21
+ --ref:#0891b2 !important;
22
+ --eph:#7c3aed !important;
23
+ --done:#16a34a !important;
24
+
25
+ /* Shadows */
26
+ --shadow-sm:0 1px 3px rgba(0,0,0,.06) !important;
27
+ --shadow:0 4px 12px rgba(0,0,0,.08) !important;
28
+ --shadow-lg:0 8px 24px rgba(0,0,0,.10) !important;
29
+ }
30
+
31
+ body{
32
+ background:#f5f7fb !important;
33
+ color:var(--ink) !important;
34
+ font-family:
35
+ Inter,
36
+ system-ui,
37
+ sans-serif !important;
38
+ line-height:1.6 !important;
39
+ }
40
+
41
+ /* Main Containers */
42
+ .gradio-container,
43
+ main,
44
+ .block,
45
+ .panel,
46
+ section,
47
+ .card,
48
+ [class*="card"]{
49
+ background:var(--card) !important;
50
+ border:1px solid var(--line) !important;
51
+ border-radius:12px !important;
52
+ box-shadow:var(--shadow-sm) !important;
53
+ }
54
+
55
+ /* Headings */
56
+ h1,h2,h3,h4,h5{
57
+ color:#0f172a !important;
58
+ font-weight:600 !important;
59
+ }
60
+
61
+ /* Text */
62
+ p,li,span,label{
63
+ color:var(--ink-soft) !important;
64
+ }
65
+
66
+ /* Links */
67
+ a{
68
+ color:var(--learn) !important;
69
+ text-decoration:none !important;
70
+ }
71
+
72
+ a:hover{
73
+ text-decoration:underline !important;
74
+ }
75
+
76
+ /* Buttons */
77
+ button{
78
+ background:#2563eb !important;
79
+ color:white !important;
80
+ border:none !important;
81
+ border-radius:10px !important;
82
+ font-weight:600 !important;
83
+ box-shadow:none !important;
84
+ }
85
+
86
+ button:hover{
87
+ filter:brightness(1.05);
88
+ }
89
+
90
+ /* Inputs */
91
+ input,
92
+ textarea,
93
+ select{
94
+ background:#ffffff !important;
95
+ color:var(--ink) !important;
96
+ border:1px solid #d1d5db !important;
97
+ border-radius:10px !important;
98
+ }
99
+
100
+ input:focus,
101
+ textarea:focus,
102
+ select:focus{
103
+ border-color:#2563eb !important;
104
+ box-shadow:0 0 0 3px rgba(37,99,235,.12) !important;
105
+ outline:none !important;
106
+ }
107
+
108
+ /* Tables */
109
+ table{
110
+ background:white !important;
111
+ }
112
+
113
+ th{
114
+ background:#f8fafc !important;
115
+ color:#0f172a !important;
116
+ }
117
+
118
+ td{
119
+ color:#334155 !important;
120
+ }
121
+
122
+ /* Chat Messages */
123
+ .message,
124
+ .chatbot .message{
125
+ background:#ffffff !important;
126
+ border:1px solid #e5e7eb !important;
127
+ color:#111827 !important;
128
+ }
129
+
130
+ /* Scrollbars */
131
+ ::-webkit-scrollbar{
132
+ width:10px;
133
+ }
134
+
135
+ ::-webkit-scrollbar-track{
136
+ background:#f1f5f9;
137
+ }
138
+
139
+ ::-webkit-scrollbar-thumb{
140
+ background:#cbd5e1;
141
+ border-radius:10px;
142
+ }
143
+
144
+ ::-webkit-scrollbar-thumb:hover{
145
+ background:#94a3b8;
146
+ }
147
+ </style>
148
+ <!-- <style>
149
  :root{
150
  /* Backgrounds */
151
  --paper:#0b1220 !important;
 
259
  border:1px solid #334155 !important;
260
  border-radius:12px !important;
261
  }
262
+ </style> -->
263
  <head>
264
  <meta charset="UTF-8" />
265
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />