Update the font used across Khoj desktop and web to be Tajawal (#622)

This commit is contained in:
sabaimran 2024-01-20 09:43:33 -08:00 committed by GitHub
parent 679f0f24a4
commit 58bf917775
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 25 additions and 13 deletions

View file

@ -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;

View file

@ -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;
}

File diff suppressed because one or more lines are too long

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;
}

File diff suppressed because one or more lines are too long

View file

@ -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;

View file

@ -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;

View file

@ -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;