From bfc4d158bc806ada826767813b89990335b008f9 Mon Sep 17 00:00:00 2001 From: Brian Rinaldi Date: Tue, 1 Jul 2025 09:02:46 -0400 Subject: [PATCH] Dark mode fixes --- astro.config.mjs | 2 +- src/fonts/font-face.css | 9 +++++++++ src/styles/custom.css | 4 ++-- src/styles/global.css | 4 ++-- 4 files changed, 14 insertions(+), 5 deletions(-) diff --git a/astro.config.mjs b/astro.config.mjs index e628c8a6..f741cf41 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -57,7 +57,7 @@ export default defineConfig({ expressiveCode: { themes: ['one-light', 'one-dark-pro'], styleOverrides: { - codeFontFamily: 'AeonikFono, ui-monospace', + codeFontFamily: 'AeonikMono, ui-monospace', borderRadius: '0.5rem', }, }, diff --git a/src/fonts/font-face.css b/src/fonts/font-face.css index 75320d25..46d6c5fa 100644 --- a/src/fonts/font-face.css +++ b/src/fonts/font-face.css @@ -60,4 +60,13 @@ font-weight: 500; font-style: normal; font-display: swap; +} +@font-face { + font-family: 'AeonikMono'; + src: + url('./AeonikMono/AeonikMono-Regular.woff') format('woff'), + url('./AeonikMono/AeonikMono-Regular.woff2') format('woff2'); + font-weight: 400; + font-style: normal; + font-display: swap; } \ No newline at end of file diff --git a/src/styles/custom.css b/src/styles/custom.css index 31c45046..0840e0a2 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -184,12 +184,12 @@ select.astro-oojz3yon { :where(.astro-3ii7xxms)[aria-current="page"], :where(.astro-3ii7xxms)[aria-current="page"] > span { background-color: transparent; - color: var(--localstack-purple) !important; + color: var(--sl-color-accent) !important; } /* Style the parent li element when it contains an active page link */ li:has([aria-current="page"]) > details > summary > div > span { - color: var(--localstack-purple) !important; + color: var(--sl-color-accent) !important; } /* Style the SVG icons purple when parent contains active page link */ diff --git a/src/styles/global.css b/src/styles/global.css index ebab5376..96b5b886 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -88,7 +88,7 @@ h3 { .service-box-title { margin: 0 0 0.5rem 0; line-height: 1.4; - color: #212229; + color: var(--sl-color-gray-7); font-size: 20px; font-style: normal; font-weight: 500; @@ -98,7 +98,7 @@ h3 { .service-box-description { font-size: 0.875rem; - color: #4B4E5C; + color: var(--sl-color-gray-4); font-size: 18px; font-style: normal; font-weight: 400;