Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore: add more color options #351

Merged
merged 2 commits into from
Aug 24, 2024
Merged

chore: add more color options #351

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
66c4494
chore: add more color options
YangFong Aug 24, 2024
11c66bf
Update style.ts
yanglbme Aug 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 37 additions & 17 deletions src/config/style.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
export const fontFamilyOptions = [
import type { IConfigOption } from '@/types'

export const fontFamilyOptions: IConfigOption[] = [
{
label: `无衬线`,
value: `-apple-system-font,BlinkMacSystemFont, Helvetica Neue, PingFang SC, Hiragino Sans GB , Microsoft YaHei UI , Microsoft YaHei ,Arial,sans-serif`,
Expand All @@ -16,7 +18,7 @@ export const fontFamilyOptions = [
},
]

export const fontSizeOptions = [
export const fontSizeOptions: IConfigOption[] = [
{
label: `12px`,
value: `12px`,
Expand Down Expand Up @@ -44,23 +46,42 @@ export const fontSizeOptions = [
},
]

export const colorOptions = [
export const colorOptions: IConfigOption[] = [
{
label: `经典蓝`,
value: `rgba(15, 76, 129, 1)`,
value: `#0F4C81`,
desc: `最新流行`,
},
{
label: `翡翠绿`,
value: `rgba(0, 152, 116, 1)`,
value: `#009874`,
desc: `优雅清新`,
},
{
label: `活力橘`,
value: `rgba(250, 81, 81, 1)`,
value: `#FA5151`,
desc: `热情活泼`,
},
// { label: `微信绿`, value: `rgb(26, 173, 25,1)`, desc: `经典微信绿` },
{
label: `柠檬黄`,
value: `#FECE00`,
desc: `明亮温暖`,
},
{
label: `樱桃红`,
value: `#FF445F`,
desc: `浪漫热情`,
},
{
label: `浅紫色`,
value: `#92617E`,
desc: `优雅高贵`,
},
{
label: `天空蓝`,
value: `#55C9EA`,
desc: `清新脱俗`,
},
]

const codeBlockUrlPrefix = `https://cdn.bootcdn.net/ajax/libs/highlight.js/11.10.0/styles/`
Expand Down Expand Up @@ -140,16 +161,15 @@ const codeBlockThemeList = [
`xt256.min.css`,
].sort()

export const codeBlockThemeOptions = [
...codeBlockThemeList.map((codeBlockTheme) => {
const url = `${codeBlockUrlPrefix}${codeBlockTheme}`
const label = codeBlockTheme.replace(`.min.css`, ``)
return {
label,
value: url,
}
}),
]
export const codeBlockThemeOptions: IConfigOption[] = codeBlockThemeList.map((codeBlockTheme) => {
const label = codeBlockTheme.replace(`.min.css`, ``)
const value = `${codeBlockUrlPrefix}${codeBlockTheme}`
return {
label,
value,
desc: ``,
}
})

export const legendOptions = [
{
Expand Down
5 changes: 5 additions & 0 deletions src/types/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
export interface IConfigOption {
label: string
value: string
desc: string
}
Loading