teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

chore: extract bg and theme colors to constants (#2662)

Browse source
This commit is contained in:
Joaquín Sánchez 2024-03-07 20:15:35 +01:00 committed by GitHub
parent efa17caf5e
commit 4954473f50
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
constants/index.ts
View file

@ -28,3 +28,10 @@ export const STORAGE_KEY_LAST_ACCESSED_EXPLORE_ROUTE = 'elk-last-accessed-explor
export const HANDLED_MASTO_URLS = /^(https?:\/\/)?([\w\d-]+\.)+\w+\/(@[@\w\d-\.]+)(\/objects)?(\/\d+)?$/ export const HANDLED_MASTO_URLS = /^(https?:\/\/)?([\w\d-]+\.)+\w+\/(@[@\w\d-\.]+)(\/objects)?(\/\d+)?$/
export const NOTIFICATION_FILTER_TYPES: mastodon.v1.NotificationType[] = ['status', 'reblog', 'follow', 'follow_request', 'favourite', 'poll', 'update', 'admin.sign_up', 'admin.report'] export const NOTIFICATION_FILTER_TYPES: mastodon.v1.NotificationType[] = ['status', 'reblog', 'follow', 'follow_request', 'favourite', 'poll', 'update', 'admin.sign_up', 'admin.report']
export const THEME_COLORS = {
themeDark: '#111111',
themeLight: '#fafafa',
backgroundDark: '#fafafa',
backgroundLight: '#111111',
} as const

9
modules/pwa/i18n.ts
View file

@ -4,6 +4,7 @@ import { createResolver } from '@nuxt/kit'
import type { ManifestOptions } from 'vite-plugin-pwa' import type { ManifestOptions } from 'vite-plugin-pwa'
import { getEnv } from '../../config/env' import { getEnv } from '../../config/env'
import { currentLocales } from '../../config/i18n' import { currentLocales } from '../../config/i18n'
import { THEME_COLORS } from '../../constants/index'
export type LocalizedWebManifest = Record<string, Partial<ManifestOptions>> export type LocalizedWebManifest = Record<string, Partial<ManifestOptions>>
@ -217,8 +218,8 @@ export async function createI18n(): Promise<LocalizedWebManifest> {
short_name, short_name,
description, description,
dir, dir,
background_color: '#111111', background_color: THEME_COLORS.backgroundLight,
theme_color: '#fafafa', theme_color: THEME_COLORS.themeLight,
...manifestEntries, ...manifestEntries,
shortcuts, shortcuts,
screenshots, screenshots,
@ -229,8 +230,8 @@ export async function createI18n(): Promise<LocalizedWebManifest> {
short_name, short_name,
description, description,
dir, dir,
background_color: '#fafafa', background_color: THEME_COLORS.backgroundDark,
theme_color: '#111111', theme_color: THEME_COLORS.themeDark,
...manifestEntries, ...manifestEntries,
shortcuts, shortcuts,
screenshots, screenshots,

4
plugins/color-mode.ts
View file

@ -1,10 +1,12 @@
import { THEME_COLORS } from '~/constants'
export default defineNuxtPlugin(() => { export default defineNuxtPlugin(() => {
const colorMode = useColorMode() const colorMode = useColorMode()
useHead({ useHead({
meta: [{ meta: [{
id: 'theme-color', id: 'theme-color',
name: 'theme-color', name: 'theme-color',
content: () => colorMode.value === 'dark' ? '#111111' : '#fafafa', content: () => colorMode.value === 'dark' ? THEME_COLORS.themeDark : THEME_COLORS.themeLight,
}], }],
}) })
}) })