replaced ibm plex sans with inter

This commit is contained in:
Gani Georgiev
2026-05-04 10:50:41 +03:00
parent fccfa20653
commit 97c5f3fa02
30 changed files with 43 additions and 39 deletions

View File

@@ -1,7 +1,10 @@
## v0.38.0 (WIP)
## v0.37.6 (WIP)
- Fixed UI logs pagination.
- Replaced "IBM Plex Sans" text font with "Inter" as there were reports for being difficult to read on dark background as it was too "thin" (specifically on Firefox).
_If you are still having issues with the text readability, please open an issue with more details about your OS and browser to try to workaround it._
## v0.37.5

View File

File diff suppressed because one or more lines are too long

1
ui/dist/assets/index-Ce7r6VeU.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

View File

File diff suppressed because one or more lines are too long

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

4
ui/dist/index.html vendored
View File

@@ -13,9 +13,9 @@
<!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-Bf0sznwH.js"></script>
<script type="module" crossorigin src="./assets/index-Dbgy-IOG.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-BLsHBFKX.css">
<link rel="stylesheet" crossorigin href="./assets/index-Ce7r6VeU.css">
</head>
<body>
</body>

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

Binary file not shown.

View File

@@ -133,9 +133,6 @@ body {
color: var(--surfaceTxtColor);
background: var(--surfaceColor);
height: 100%;
/* normalizes IBM Plex Sans font rendering between Chrome and Firefox */
letter-spacing: 0.004em;
}
h1,

View File

@@ -7,35 +7,35 @@
/* ---------------------------------------------------------------- */
@font-face {
font-display: block;
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 400;
src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-regular.woff2") format("woff2");
font-display: block;
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-regular.woff2") format("woff2");
}
@font-face {
font-display: block;
font-family: "IBM Plex Sans";
font-style: italic;
font-weight: 400;
src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-italic.woff2") format("woff2");
font-display: block;
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-italic.woff2") format("woff2");
}
@font-face {
font-display: block;
font-family: "IBM Plex Sans";
font-style: normal;
font-weight: 600;
src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-600.woff2") format("woff2");
font-display: block;
font-family: "Inter";
font-style: normal;
font-weight: 600;
src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-600.woff2") format("woff2");
}
@font-face {
font-display: block;
font-family: "IBM Plex Sans";
font-style: italic;
font-weight: 600;
src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-600italic.woff2") format("woff2");
font-display: block;
font-family: "Inter";
font-style: italic;
font-weight: 600;
src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-600italic.woff2") format("woff2");
}
/* ---------------------------------------------------------------- */

View File

@@ -407,6 +407,7 @@ button {
border: 0;
margin: 0;
width: 100%;
min-height: 38px;
background: none;
font-weight: normal;
line-height: 1;
@@ -462,6 +463,7 @@ button {
position: relative;
left: var(--inputPadding);
width: calc(100% - 2 * var(--inputPadding));
min-height: 0;
height: 6px;
padding: 0;
margin-top: 16px;
@@ -473,6 +475,7 @@ button {
input[type="color"] {
-webkit-appearance: none;
border: 0;
min-height: 0;
height: 36px;
margin: 1px 0;
&::-webkit-color-swatch-wrapper {

View File

@@ -45,8 +45,8 @@ table {
}
th {
font-weight: bold;
font-size: 0.98em;
line-height: 1.4;
font-size: 0.95em;
line-height: 1.3;
color: var(--surfaceTxtHintColor);
}

View File

@@ -1,7 +1,7 @@
:root,
.dropdown,
.base-surface {
--baseFontFamily: "IBM Plex Sans", system-ui, sans-serif, emoji;
--baseFontFamily: "Inter", system-ui, sans-serif, emoji;
--monospaceFontFamily: "IBM Plex Mono", ui-monospace, monospace, emoji;
--iconFontFamily: "remixicon";
@@ -103,7 +103,7 @@
--lgFontSize: 15px;
--lineHeight: 22px;
--smLineHeight: 16px;
--smLineHeight: 17px;
--lgLineHeight: 24px;
--btnHeight: 45px;

View File

@@ -204,7 +204,7 @@ export function pageApplicationSettings() {
),
t.button(
{
className: () => `btn expanded ${data.isSaving ? "loading" : ""}`,
className: () => `btn expanded-lg ${data.isSaving ? "loading" : ""}`,
disabled: () => !data.hasChanges || data.isSaving,
},
t.span({ className: "txt" }, "Save changes"),

View File

@@ -273,7 +273,7 @@ export function backupsForm(propsArg = {}) {
),
t.button(
{
className: () => `btn expanded ${data.isSaving ? "loading" : ""}`,
className: () => `btn expanded-lg ${data.isSaving ? "loading" : ""}`,
disabled: () => !data.hasChanges || data.isSaving,
},
t.span({ className: "txt" }, "Save changes"),

View File

@@ -356,7 +356,8 @@ export function pageMailSettings(route) {
),
t.button(
{
className: () => `btn expanded ${data.isSaving ? "loading" : ""}`,
className: () =>
`btn expanded-lg ${data.isSaving ? "loading" : ""}`,
disabled: () => !data.hasChanges || data.isSaving,
},
t.span({ className: "txt" }, "Save changes"),
@@ -367,7 +368,7 @@ export function pageMailSettings(route) {
return t.button(
{
type: "button",
className: () => `btn expanded outline`,
className: () => `btn expanded-lg outline`,
onclick: () => app.modals.openMailTest(),
},
t.i({ className: "ri-mail-check-line", ariaHidden: true }),

View File

@@ -171,7 +171,7 @@ export function pageStorageSettings() {
),
t.button(
{
className: () => `btn expanded ${data.isSaving ? "loading" : ""}`,
className: () => `btn expanded-lg ${data.isSaving ? "loading" : ""}`,
disabled: () => !data.hasChanges || data.isSaving,
},
t.span({ className: "txt" }, "Save changes"),