mirror of
https://github.com/khoj-ai/khoj.git
synced 2024-11-27 17:35:07 +01:00
Update the font used across Khoj desktop and web to be Tajawal (#622)
This commit is contained in:
parent
679f0f24a4
commit
58bf917775
11 changed files with 25 additions and 13 deletions
|
@ -22,7 +22,7 @@
|
|||
background: var(--background-color);
|
||||
color: var(--main-text-color);
|
||||
text-align: center;
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: small;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
|
|
@ -1,5 +1,7 @@
|
|||
/* Amber Light scheme (Default) */
|
||||
/* Can be forced with data-theme="light" */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
|
||||
|
||||
[data-theme="light"],
|
||||
:root:not([data-theme="dark"]) {
|
||||
--primary: #f9f5de;
|
||||
|
@ -12,6 +14,7 @@
|
|||
--water: #44b9da;
|
||||
--leaf: #7b990a;
|
||||
--flower: #d1684e;
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
|
||||
/* Amber Dark scheme (Auto) */
|
||||
|
@ -28,6 +31,7 @@
|
|||
--water: #44b9da;
|
||||
--leaf: #7b990a;
|
||||
--flower: #d1684e;
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
}
|
||||
/* Amber Dark scheme (Forced) */
|
||||
|
@ -43,6 +47,7 @@
|
|||
--water: #44b9da;
|
||||
--leaf: #7b990a;
|
||||
--flower: #d1684e;
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
/* Amber (Common styles) */
|
||||
:root {
|
||||
|
@ -50,12 +55,13 @@
|
|||
--form-element-focus-color: var(--primary-focus);
|
||||
--switch-color: var(--primary-inverse);
|
||||
--switch-checked-background-color: var(--primary);
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
|
||||
.khoj-configure {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
|
2
src/interface/desktop/assets/pico.min.css
vendored
2
src/interface/desktop/assets/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -850,7 +850,7 @@
|
|||
background: var(--background-color);
|
||||
color: var(--main-text-color);
|
||||
text-align: center;
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: small;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
@ -967,7 +967,7 @@
|
|||
box-shadow: 0 0 11px #aaa;
|
||||
}
|
||||
#chat-input {
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: small;
|
||||
height: 36px;
|
||||
border-radius: 16px;
|
||||
|
|
|
@ -134,7 +134,7 @@
|
|||
margin: 0px;
|
||||
background: var(--background-color);
|
||||
color: #475569;
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: small;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
|
|
@ -304,7 +304,7 @@
|
|||
margin: 0px;
|
||||
background: var(--background-color);
|
||||
color: var(--main-text-color);
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: small;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
|
|
@ -1,5 +1,7 @@
|
|||
/* Amber Light scheme (Default) */
|
||||
/* Can be forced with data-theme="light" */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
|
||||
|
||||
[data-theme="light"],
|
||||
:root:not([data-theme="dark"]) {
|
||||
--primary: #f9f5de;
|
||||
|
@ -12,6 +14,7 @@
|
|||
--water: #44b9da;
|
||||
--leaf: #7b990a;
|
||||
--flower: #ffaeae;
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
|
||||
/* Amber Dark scheme (Auto) */
|
||||
|
@ -28,6 +31,7 @@
|
|||
--water: #44b9da;
|
||||
--leaf: #7b990a;
|
||||
--flower: #ffaeae;
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
}
|
||||
/* Amber Dark scheme (Forced) */
|
||||
|
@ -43,6 +47,7 @@
|
|||
--water: #44b9da;
|
||||
--leaf: #7b990a;
|
||||
--flower: #ffaeae;
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
/* Amber (Common styles) */
|
||||
:root {
|
||||
|
@ -50,12 +55,13 @@
|
|||
--form-element-focus-color: var(--primary-focus);
|
||||
--switch-color: var(--primary-inverse);
|
||||
--switch-checked-background-color: var(--primary);
|
||||
--font-family: 'Tajawal', sans-serif !important;
|
||||
}
|
||||
|
||||
.khoj-configure {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
|
2
src/khoj/interface/web/assets/pico.min.css
vendored
2
src/khoj/interface/web/assets/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -807,7 +807,7 @@ To get started, just start typing below. You can also type / to see a list of co
|
|||
background: var(--background-color);
|
||||
color: var(--main-text-color);
|
||||
text-align: center;
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
@ -1040,7 +1040,7 @@ To get started, just start typing below. You can also type / to see a list of co
|
|||
box-shadow: 0 0 11px #aaa;
|
||||
}
|
||||
#chat-input {
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: medium;
|
||||
height: 36px;
|
||||
border-radius: 16px;
|
||||
|
|
|
@ -67,7 +67,7 @@
|
|||
height: 100%;
|
||||
background: var(--background-color);
|
||||
color: var(--main-text-color);
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
|
|
@ -316,7 +316,7 @@
|
|||
margin: 0px;
|
||||
background: var(--background-color);
|
||||
color: var(--main-text-color);
|
||||
font-family: roboto, karma, segoe ui, sans-serif;
|
||||
font-family: var(--font-family);
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
|
Loading…
Reference in a new issue