sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-27 17:35:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Put colors shared by index, chat html into khoj css global variables

Browse source
This commit is contained in:
Debanjum Singh Solanky 2023-11-01 02:03:58 -07:00
parent f585a71744
commit c631b61a81
3 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/khoj/interface/web/assets/khoj.css
View file

@ -6,6 +6,8 @@
--primary-hover: #ffa000;
--primary-focus: rgba(255, 179, 0, 0.125);
--primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #fff;
--main-text-color: #475569;
}
/* Amber Dark scheme (Auto) */
@ -16,6 +18,8 @@
--primary-hover: #ffc107;
--primary-focus: rgba(255, 179, 0, 0.25);
--primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #fff;
--main-text-color: #475569;
}
}
/* Amber Dark scheme (Forced) */
@ -25,6 +29,8 @@
--primary-hover: #ffc107;
--primary-focus: rgba(255, 179, 0, 0.25);
--primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #fff;
--main-text-color: #475569;
}
/* Amber (Common styles) */
:root {

16
src/khoj/interface/web/chat.html
View file

@ -317,8 +317,8 @@
}
body {
display: grid;
background: #fff;
color: #475569;
background: var(--background-color);
color: var(--main-text-color);
text-align: center;
font-family: roboto, karma, segoe ui, sans-serif;
font-size: 20px;
@ -340,7 +340,7 @@
content: attr(data-meta);
display: block;
font-size: x-small;
color: #475569;
color: var(--main-text-color);
margin: -8px 4px 0 -5px;
}
/* move message by khoj to left */
@ -410,7 +410,7 @@
top: 91%;
right: -2px;
border: 10px solid transparent;
border-left-color: #475569;
border-left-color: var(--main-text-color);
border-right: 0;
margin-top: -10px;
transform: rotate(-60deg)
@ -426,7 +426,7 @@
#chat-footer > * {
padding: 15px;
border-radius: 5px;
border: 1px solid #475569;
border: 1px solid var(--main-text-color);
background: #f9fafc
}
.option:hover {
@ -459,9 +459,9 @@
}
a.inline-chat-link {
color: #475569;
color: var(--main-text-color);
text-decoration: none;
border-bottom: 1px dotted #475569;
border-bottom: 1px dotted var(--main-text-color);
}
@media (pointer: coarse), (hover: none) {
@ -550,7 +550,7 @@
input#khoj-banner-email {
padding: 10px;
border-radius: 5px;
border: 1px solid #475569;
border: 1px solid var(--main-text-color);
background: #f9fafc;
}

12
src/khoj/interface/web/index.html
View file

@ -348,8 +348,8 @@
body {
padding: 0px;
margin: 0px;
background: #fff;
color: #475569;
background: var(--background-color);
color: var(--main-text-color);
font-family: roboto, karma, segoe ui, sans-serif;
font-size: 20px;
font-weight: 300;
@ -367,7 +367,7 @@
#options > * {
padding: 15px;
border-radius: 5px;
border: 1px solid #475569;
border: 1px solid var(--main-text-color);
background: #f9fafc
}
.option:hover {
@ -395,7 +395,7 @@
.image {
width: 20vw;
border-radius: 10px;
border: 1px solid #475569;
border: 1px solid var(--main-text-color);
}
#json {
white-space: pre-wrap;
@ -438,7 +438,7 @@
padding: 3.5px 3.5px 0;
margin-right: 5px;
border-radius: 5px;
border: 1px solid #475569;
border: 1px solid var(--main-text-color);
background-color: #ef4444;
font-size: small;
}
@ -509,7 +509,7 @@
input#khoj-banner-email {
padding: 10px;
border-radius: 5px;
border: 1px solid #475569;
border: 1px solid var(--main-text-color);
background: #f9fafc;
}