From 0eb4cc7facfb0cee5dad7d1fb05b59005c63fc2b Mon Sep 17 00:00:00 2001 From: Le Minh Tri Date: Sat, 4 Mar 2023 12:11:42 +0700 Subject: [PATCH 01/11] build(dep): add package @fontsource/ibm-plex-mono --- package.json | 1 + pnpm-lock.yaml | 6 ++++++ 2 files changed, 7 insertions(+) diff --git a/package.json b/package.json index 6ddae17d..72175ee0 100644 --- a/package.json +++ b/package.json @@ -28,6 +28,7 @@ "devDependencies": { "@commitlint/cli": "^17.4.4", "@commitlint/config-conventional": "^17.4.4", + "@fontsource/ibm-plex-mono": "^4.5.13", "@iconify-json/bi": "^1.1.15", "@tailwindcss/typography": "^0.5.9", "@types/lodash.get": "^4.4.7", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 0687a676..b0021927 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -7,6 +7,7 @@ specifiers: '@astrojs/tailwind': ^3.0.1 '@commitlint/cli': ^17.4.4 '@commitlint/config-conventional': ^17.4.4 + '@fontsource/ibm-plex-mono': ^4.5.13 '@iconify-json/bi': ^1.1.15 '@tailwindcss/typography': ^0.5.9 '@types/lodash.get': ^4.4.7 @@ -48,6 +49,7 @@ dependencies: devDependencies: '@commitlint/cli': 17.4.4 '@commitlint/config-conventional': 17.4.4 + '@fontsource/ibm-plex-mono': 4.5.13 '@iconify-json/bi': 1.1.15 '@tailwindcss/typography': 0.5.9_tailwindcss@3.2.7 '@types/lodash.get': 4.4.7 @@ -1058,6 +1060,10 @@ packages: engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} dev: true + /@fontsource/ibm-plex-mono/4.5.13: + resolution: {integrity: sha512-KAE7X2LgCV4X6p7vj1h2phRnhPX4YUa8FBAB0Jj9xW7Q+p+k2ce4HEAMJJ2RFHI075ClgQx+KZuDBNuiKgp5yw==} + dev: true + /@humanwhocodes/config-array/0.11.8: resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==} engines: {node: '>=10.10.0'} From b4f4dff78997d6d6485257b3cd7813801db3c6b7 Mon Sep 17 00:00:00 2001 From: Le Minh Tri Date: Sat, 4 Mar 2023 12:12:47 +0700 Subject: [PATCH 02/11] feat(font): change website font --- src/layouts/AppLayout.astro | 1 + tailwind.config.cjs | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/src/layouts/AppLayout.astro b/src/layouts/AppLayout.astro index 8a49c791..4b510781 100644 --- a/src/layouts/AppLayout.astro +++ b/src/layouts/AppLayout.astro @@ -1,4 +1,5 @@ --- +import '@fontsource/ibm-plex-mono' import '@/assets/scss/app.scss' import AppFooter from '@/components/AppFooter.astro' diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 0fd2f7e3..80f84018 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -1,3 +1,4 @@ +const defaultTheme = require('tailwindcss/defaultTheme') const tailwindCssTheme = require('tailwindcss-themer') const themeConfig = require('./theme.config.cjs') const typography = require('@tailwindcss/typography') @@ -7,6 +8,9 @@ module.exports = { content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], theme: { extend: { + fontFamily: { + sans: ['IBM Plex Mono', ...defaultTheme.fontFamily.sans], + }, colors: { transparent: 'transparent', }, From cf462effe726331a776b7411f277e755fa6450a6 Mon Sep 17 00:00:00 2001 From: Le Minh Tri Date: Sat, 4 Mar 2023 12:13:20 +0700 Subject: [PATCH 03/11] fix(ui): increase theme menu width --- src/components/ThemeSelector.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ThemeSelector.astro b/src/components/ThemeSelector.astro index 411c8234..faf4ca2a 100644 --- a/src/components/ThemeSelector.astro +++ b/src/components/ThemeSelector.astro @@ -38,7 +38,7 @@ const icons = bi.icons