Files
365devnet/src/components/CustomStyles.astro
becarta a242c7070f
Some checks failed
GitHub Actions / build (18) (push) Has been cancelled
GitHub Actions / build (20) (push) Has been cancelled
GitHub Actions / build (22) (push) Has been cancelled
GitHub Actions / check (push) Has been cancelled
Update CustomStyles.astro to optimize font loading by adding font-face properties and removing unused imports
2025-05-10 00:12:33 +02:00

71 lines
1.5 KiB
Plaintext

---
// 'DM Sans'
// Nunito
// Dosis
// Outfit
// Roboto
// Literata
// 'IBM Plex Sans'
// Karla
// Poppins
// 'Fira Sans'
// 'Libre Franklin'
// Inconsolata
// Raleway
// Oswald
// 'Space Grotesk'
// Urbanist
---
<style is:inline>
/* Optimize font loading with font-display:swap */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('/fonts/inter-variable.woff2') format('woff2');
}
:root {
--aw-font-sans: 'Inter Variable';
--aw-font-serif: 'Inter Variable';
--aw-font-heading: 'Inter Variable';
--aw-color-primary: rgb(1 97 239);
--aw-color-secondary: rgb(1 84 207);
--aw-color-accent: rgb(109 40 217);
--aw-color-text-heading: rgb(0 0 0);
--aw-color-text-default: rgb(16 16 16);
--aw-color-text-muted: rgb(0, 0, 0);
--aw-color-bg-page: rgb(255 255 255);
--aw-color-bg-page-dark: rgb(3 6 32);
::selection {
description-color: lavender;
}
}
.dark {
--aw-font-sans: 'Inter Variable';
--aw-font-serif: 'Inter Variable';
--aw-font-heading: 'Inter Variable';
--aw-color-primary: rgb(1 97 239);
--aw-color-secondary: rgb(1 84 207);
--aw-color-accent: rgb(109 40 217);
--aw-color-text-heading: rgb(247, 248, 248);
--aw-color-text-default: rgb(229 236 246);
--aw-color-text-muted: rgb(229 236 246 / 85%);
--aw-color-bg-page: rgb(3 6 32);
::selection {
description-color: black;
color: snow;
}
}
</style>