klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-04 21:29:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix multilingual font rendering (#797)

Browse Source 
* Fix multilingual font rendering; fallback to an Arabic language font which contains more Asian characters. Close #756

* Tune font-sizes and styling to accomodate new fonts with old sizing

- Move connection-status styling out from inline html into css block
- Remove start typing chat-input height jitter
- align new-conversation button, text
- use relative font sizes instead of absolute font sizes in most places

---------

Co-authored-by: Debanjum Singh Solanky <debanjum@gmail.com>
This commit is contained in:
sabaimran
2024-06-07 11:53:47 +05:30
committed by GitHub
parent ba16afd3c2
commit 58a02f06ea
3 changed files with 52 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
/* Amber Light scheme (Default) */
/* Can be forced with data-theme="light" */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
[data-theme="light"],
:root:not([data-theme="dark"]) {
@@ -14,7 +14,7 @@
--water: #44b9da;
--leaf: #7b990a;
--flower: #d1684e;
--font-family: 'Tajawal', sans-serif !important;
--font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important;
}
/* Amber Dark scheme (Auto) */
@@ -31,7 +31,7 @@
--water: #44b9da;
--leaf: #7b990a;
--flower: #d1684e;
--font-family: 'Tajawal', sans-serif !important;
--font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important;
}
}
/* Amber Dark scheme (Forced) */
@@ -47,7 +47,7 @@
--water: #44b9da;
--leaf: #7b990a;
--flower: #d1684e;
--font-family: 'Tajawal', sans-serif !important;
--font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important;
}
/* Amber (Common styles) */
:root {
@@ -55,7 +55,7 @@
--form-element-focus-color: var(--primary-focus);
--switch-color: var(--primary-inverse);
--switch-checked-background-color: var(--primary);
--font-family: 'Tajawal', sans-serif !important;
--font-family: "Noto Sans", "Noto Sans Arabic", sans-serif !important;
}
.khoj-configure {