mirror of
https://github.com/fmhy/edit.git
synced 2026-01-11 02:46:16 +00:00
152 lines
4.5 KiB
TypeScript
152 lines
4.5 KiB
TypeScript
import type { Theme } from '../types'
|
|
|
|
export const monochromeTheme: Theme = {
|
|
name: 'monochrome',
|
|
displayName: 'Monochrome',
|
|
preview: '#808080',
|
|
modes: {
|
|
light: {
|
|
brand: {
|
|
1: '#000000',
|
|
2: '#1a1a1a',
|
|
3: '#333333',
|
|
soft: '#666666'
|
|
},
|
|
bg: '#FFFFFF',
|
|
bgAlt: '#F5F5F5',
|
|
bgElv: 'rgba(255, 255, 255, 0.95)',
|
|
bgMark: '#E0E0E0',
|
|
text: {
|
|
1: '#000000',
|
|
2: '#333333',
|
|
3: '#808080'
|
|
},
|
|
button: {
|
|
brand: {
|
|
bg: '#000000',
|
|
border: '#000000',
|
|
text: '#FFFFFF',
|
|
hoverBorder: '#333333',
|
|
hoverText: '#FFFFFF',
|
|
hoverBg: '#333333',
|
|
activeBorder: '#000000',
|
|
activeText: '#FFFFFF',
|
|
activeBg: '#000000'
|
|
},
|
|
alt: {
|
|
bg: '#808080',
|
|
text: '#FFFFFF',
|
|
hoverBg: '#666666',
|
|
hoverText: '#FFFFFF'
|
|
}
|
|
},
|
|
customBlock: {
|
|
info: {
|
|
bg: '#F5F5F5',
|
|
border: '#000000',
|
|
text: '#000000',
|
|
textDeep: '#000000'
|
|
},
|
|
tip: {
|
|
bg: '#F5F5F5',
|
|
border: '#333333',
|
|
text: '#1a1a1a',
|
|
textDeep: '#000000'
|
|
},
|
|
warning: {
|
|
bg: '#F5F5F5',
|
|
border: '#666666',
|
|
text: '#333333',
|
|
textDeep: '#1a1a1a'
|
|
},
|
|
danger: {
|
|
bg: '#F5F5F5',
|
|
border: '#000000',
|
|
text: '#000000',
|
|
textDeep: '#000000'
|
|
}
|
|
},
|
|
selection: {
|
|
bg: '#CCCCCC'
|
|
},
|
|
home: {
|
|
heroNameColor: '#000000',
|
|
heroNameBackground: '#FFFFFF',
|
|
heroImageBackground: 'linear-gradient(135deg, #E0E0E0 0%, #FFFFFF 100%)',
|
|
heroImageFilter: 'blur(44px)'
|
|
}
|
|
},
|
|
dark: {
|
|
brand: {
|
|
1: '#FFFFFF',
|
|
2: '#E0E0E0',
|
|
3: '#CCCCCC',
|
|
soft: '#999999'
|
|
},
|
|
bg: '#000000',
|
|
bgAlt: '#0A0A0A',
|
|
bgElv: 'rgba(0, 0, 0, 0.95)',
|
|
bgMark: '#1A1A1A',
|
|
text: {
|
|
1: '#FFFFFF',
|
|
2: '#CCCCCC',
|
|
3: '#808080'
|
|
},
|
|
button: {
|
|
brand: {
|
|
bg: '#FFFFFF',
|
|
border: '#FFFFFF',
|
|
text: '#000000',
|
|
hoverBorder: '#CCCCCC',
|
|
hoverText: '#000000',
|
|
hoverBg: '#CCCCCC',
|
|
activeBorder: '#FFFFFF',
|
|
activeText: '#000000',
|
|
activeBg: '#FFFFFF'
|
|
},
|
|
alt: {
|
|
bg: '#808080',
|
|
text: '#000000',
|
|
hoverBg: '#999999',
|
|
hoverText: '#000000'
|
|
}
|
|
},
|
|
customBlock: {
|
|
info: {
|
|
bg: '#1A1A1A',
|
|
border: '#FFFFFF',
|
|
text: '#FFFFFF',
|
|
textDeep: '#FFFFFF'
|
|
},
|
|
tip: {
|
|
bg: '#1A1A1A',
|
|
border: '#CCCCCC',
|
|
text: '#E0E0E0',
|
|
textDeep: '#FFFFFF'
|
|
},
|
|
warning: {
|
|
bg: '#1A1A1A',
|
|
border: '#999999',
|
|
text: '#CCCCCC',
|
|
textDeep: '#E0E0E0'
|
|
},
|
|
danger: {
|
|
bg: '#1A1A1A',
|
|
border: '#FFFFFF',
|
|
text: '#FFFFFF',
|
|
textDeep: '#FFFFFF'
|
|
}
|
|
},
|
|
selection: {
|
|
bg: '#333333'
|
|
},
|
|
home: {
|
|
heroNameColor: '#FFFFFF',
|
|
heroNameBackground: '#000000',
|
|
heroImageBackground: 'linear-gradient(135deg, #1A1A1A 0%, #000000 100%)',
|
|
heroImageFilter: 'blur(44px)'
|
|
}
|
|
}
|
|
}
|
|
}
|