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
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
+2 -2
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>
-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"),