sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-30 19:03:01 +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-hover: #ffa000;
--primary-focus: rgba(255, 179, 0, 0.125); --primary-focus: rgba(255, 179, 0, 0.125);
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #fff;
--main-text-color: #475569;
} }
/* Amber Dark scheme (Auto) */ /* Amber Dark scheme (Auto) */
@ -16,6 +18,8 @@
--primary-hover: #ffc107; --primary-hover: #ffc107;
--primary-focus: rgba(255, 179, 0, 0.25); --primary-focus: rgba(255, 179, 0, 0.25);
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #fff;
--main-text-color: #475569;
} }
} }
/* Amber Dark scheme (Forced) */ /* Amber Dark scheme (Forced) */
@ -25,6 +29,8 @@
--primary-hover: #ffc107; --primary-hover: #ffc107;
--primary-focus: rgba(255, 179, 0, 0.25); --primary-focus: rgba(255, 179, 0, 0.25);
--primary-inverse: rgba(0, 0, 0, 0.75); --primary-inverse: rgba(0, 0, 0, 0.75);
--background-color: #fff;
--main-text-color: #475569;
} }
/* Amber (Common styles) */ /* Amber (Common styles) */
:root { :root {

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

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

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

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