4fbfcc5855
- Added text-shadow to primary buttons for improved visibility in light mode. - Updated secondary button styles with specific light mode enhancements, including color, border, and background adjustments. - Introduced light mode fixes for secondary CTAs, ensuring better visibility and user experience. - Refined styles for CTA buttons to enhance their appearance and interaction in light mode.
72 lines
1.5 KiB
Plaintext
72 lines
1.5 KiB
Plaintext
---
|
|
import '@fontsource-variable/inter';
|
|
|
|
// '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-display: swap;
|
|
}
|
|
|
|
: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-text-page: rgb(16 16 16);
|
|
--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-text-page: rgb(229 236 246);
|
|
--aw-color-bg-page: rgb(3 6 32);
|
|
|
|
::selection {
|
|
description-color: black;
|
|
color: snow;
|
|
}
|
|
}
|
|
</style>
|