Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3 from appwrite-labs/feat-heading-font

Browse Source 
Update heading font from Poppins to Aeonik Pro
This commit is contained in:
Torsten Dittmann
2023-09-25 21:09:51 +02:00
committed by GitHub
parent 4123192e98 e47029bd47
commit e6f6e674d4
3 changed files with 206 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.html
+84
View File
@@ -40,6 +40,90 @@
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Air.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-AirItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Thin.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-ThinItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Light.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-LightItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Regular.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-RegularItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Medium.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-MediumItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Bold.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-BoldItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Black.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts-five.vercel.app/aeonik-pro/AeonikPro-BlackItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link rel="preload" as="style" type="text/css" href="/fonts/main.css" />
<link rel="stylesheet" href="/fonts/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
src/routes/+layout.svelte
+8 -3
View File
@@ -106,17 +106,18 @@
$: {
if (browser) {
const isCloudClass = isCloud ? 'is-cloud' : '';
if ($app.theme === 'auto') {
const darkThemeMq = window.matchMedia('(prefers-color-scheme: dark)');
if (darkThemeMq.matches) {
document.body.setAttribute('class', `theme-dark`);
document.body.setAttribute('class', `theme-dark ${isCloudClass}`);
$app.themeInUse = 'dark';
} else {
document.body.setAttribute('class', `theme-light`);
document.body.setAttribute('class', `theme-light ${isCloudClass}`);
$app.themeInUse = 'light';
}
} else {
document.body.setAttribute('class', `theme-${$app.theme}`);
document.body.setAttribute('class', `theme-${$app.theme} ${isCloudClass}`);
$app.themeInUse = $app.theme;
}
}
@@ -256,4 +257,8 @@
// --color-neutral-90: 240 7% 12%; /* #1D1D21 */
// --color-neutral-100: 240 6% 10%; /* #19191C */
}
.is-cloud {
--heading-font: 'Aeonik Pro', arial, sans-serif;
}
</style>
static/fonts/main.css
+114
View File
@@ -45,3 +45,117 @@
font-display: swap;
src: url('poppins/poppins-v19-latin-700.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Air.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-AirItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Thin.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-ThinItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Light.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-LightItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-RegularItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Medium.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-MediumItalic.woff2')
format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-BoldItalic.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-Black.woff2') format('woff2');
}
@font-face {
font-family: 'Aeonik Pro';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('https://fonts-five.vercel.app/aeonik-pro/AeonikPro-BlackItalic.woff2') format('woff2');
}