replaced ibm plex sans with inter
This commit is contained in:
@@ -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
@@ -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");
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------- */
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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
@@ -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"),
|
||||
|
||||
@@ -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"),
|
||||
|
||||
@@ -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"),
|
||||
|
||||
Reference in New Issue
Block a user