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
-3
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,
+20 -20
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");
}
/* ---------------------------------------------------------------- */
+3
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 {
+2 -2
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);
}
+2 -2
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;
@@ -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"),
+1 -1
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"),
+3 -2
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 }),
@@ -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"),