klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-09 13:25:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
sabaimran
2024-01-20 09:43:33 -08:00
committed by GitHub
parent 679f0f24a4
commit 58bf917775
11 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/interface/desktop/about.html
View File

@@ -22,7 +22,7 @@
background: var(--background-color); background: var(--background-color);
color: var(--main-text-color); color: var(--main-text-color);
text-align: center; text-align: center;
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: small; font-size: small;
font-weight: 300; font-weight: 300;
line-height: 1.5em; line-height: 1.5em;

8
src/interface/desktop/assets/khoj.css
View File

@@ -1,5 +1,7 @@
/* Amber Light scheme (Default) */ /* Amber Light scheme (Default) */
/* Can be forced with data-theme="light" */ /* Can be forced with data-theme="light" */
@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
[data-theme="light"], [data-theme="light"],
:root:not([data-theme="dark"]) { :root:not([data-theme="dark"]) {
--primary: #f9f5de; --primary: #f9f5de;
@@ -12,6 +14,7 @@
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #d1684e; --flower: #d1684e;
--font-family: 'Tajawal', sans-serif !important;
} }
/* Amber Dark scheme (Auto) */ /* Amber Dark scheme (Auto) */
@@ -28,6 +31,7 @@
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #d1684e; --flower: #d1684e;
--font-family: 'Tajawal', sans-serif !important;
} }
} }
/* Amber Dark scheme (Forced) */ /* Amber Dark scheme (Forced) */
@@ -43,6 +47,7 @@
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #d1684e; --flower: #d1684e;
--font-family: 'Tajawal', sans-serif !important;
} }
/* Amber (Common styles) */ /* Amber (Common styles) */
:root { :root {
@@ -50,12 +55,13 @@
--form-element-focus-color: var(--primary-focus); --form-element-focus-color: var(--primary-focus);
--switch-color: var(--primary-inverse); --switch-color: var(--primary-inverse);
--switch-checked-background-color: var(--primary); --switch-checked-background-color: var(--primary);
--font-family: 'Tajawal', sans-serif !important;
} }
.khoj-configure { .khoj-configure {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-weight: 300; font-weight: 300;
} }

2
src/interface/desktop/assets/pico.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
src/interface/desktop/chat.html
View File

@@ -850,7 +850,7 @@
background: var(--background-color); background: var(--background-color);
color: var(--main-text-color); color: var(--main-text-color);
text-align: center; text-align: center;
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: small; font-size: small;
font-weight: 300; font-weight: 300;
line-height: 1.5em; line-height: 1.5em;
@@ -967,7 +967,7 @@
box-shadow: 0 0 11px #aaa; box-shadow: 0 0 11px #aaa;
} }
#chat-input { #chat-input {
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: small; font-size: small;
height: 36px; height: 36px;
border-radius: 16px; border-radius: 16px;

2
src/interface/desktop/config.html
View File

@@ -134,7 +134,7 @@
margin: 0px; margin: 0px;
background: var(--background-color); background: var(--background-color);
color: #475569; color: #475569;
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: small; font-size: small;
font-weight: 300; font-weight: 300;
line-height: 1.5em; line-height: 1.5em;

2
src/interface/desktop/search.html
View File

@@ -304,7 +304,7 @@
margin: 0px; margin: 0px;
background: var(--background-color); background: var(--background-color);
color: var(--main-text-color); color: var(--main-text-color);
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: small; font-size: small;
font-weight: 300; font-weight: 300;
line-height: 1.5em; line-height: 1.5em;

8
src/khoj/interface/web/assets/khoj.css
View File

@@ -1,5 +1,7 @@
/* Amber Light scheme (Default) */ /* Amber Light scheme (Default) */
/* Can be forced with data-theme="light" */ /* Can be forced with data-theme="light" */
@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
[data-theme="light"], [data-theme="light"],
:root:not([data-theme="dark"]) { :root:not([data-theme="dark"]) {
--primary: #f9f5de; --primary: #f9f5de;
@@ -12,6 +14,7 @@
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #ffaeae; --flower: #ffaeae;
--font-family: 'Tajawal', sans-serif !important;
} }
/* Amber Dark scheme (Auto) */ /* Amber Dark scheme (Auto) */
@@ -28,6 +31,7 @@
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #ffaeae; --flower: #ffaeae;
--font-family: 'Tajawal', sans-serif !important;
} }
} }
/* Amber Dark scheme (Forced) */ /* Amber Dark scheme (Forced) */
@@ -43,6 +47,7 @@
--water: #44b9da; --water: #44b9da;
--leaf: #7b990a; --leaf: #7b990a;
--flower: #ffaeae; --flower: #ffaeae;
--font-family: 'Tajawal', sans-serif !important;
} }
/* Amber (Common styles) */ /* Amber (Common styles) */
:root { :root {
@@ -50,12 +55,13 @@
--form-element-focus-color: var(--primary-focus); --form-element-focus-color: var(--primary-focus);
--switch-color: var(--primary-inverse); --switch-color: var(--primary-inverse);
--switch-checked-background-color: var(--primary); --switch-checked-background-color: var(--primary);
--font-family: 'Tajawal', sans-serif !important;
} }
.khoj-configure { .khoj-configure {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-weight: 300; font-weight: 300;
} }

2
src/khoj/interface/web/assets/pico.min.css vendored
View File

File diff suppressed because one or more lines are too long

4
src/khoj/interface/web/chat.html
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); background: var(--background-color);
color: var(--main-text-color); color: var(--main-text-color);
text-align: center; text-align: center;
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: 20px; font-size: 20px;
font-weight: 300; font-weight: 300;
line-height: 1.5em; 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; box-shadow: 0 0 11px #aaa;
} }
#chat-input { #chat-input {
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: medium; font-size: medium;
height: 36px; height: 36px;
border-radius: 16px; border-radius: 16px;

2
src/khoj/interface/web/login.html
View File

@@ -67,7 +67,7 @@
height: 100%; height: 100%;
background: var(--background-color); background: var(--background-color);
color: var(--main-text-color); color: var(--main-text-color);
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: 20px; font-size: 20px;
font-weight: 300; font-weight: 300;
line-height: 1.5em; line-height: 1.5em;

2
src/khoj/interface/web/search.html
View File

@@ -316,7 +316,7 @@
margin: 0px; margin: 0px;
background: var(--background-color); background: var(--background-color);
color: var(--main-text-color); color: var(--main-text-color);
font-family: roboto, karma, segoe ui, sans-serif; font-family: var(--font-family);
font-size: 20px; font-size: 20px;
font-weight: 300; font-weight: 300;
line-height: 1.5em; line-height: 1.5em;