118 lines
2.5 KiB
TypeScript
118 lines
2.5 KiB
TypeScript
// Style constants used by all CC shapes
|
|
export const CC_BASE_STYLE_CONSTANTS = {
|
|
FONT_FAMILY: 'Inter, sans-serif',
|
|
FONT_SIZES: {
|
|
small: 12,
|
|
medium: 14,
|
|
large: 16,
|
|
},
|
|
// Container styles
|
|
CONTAINER: {
|
|
borderRadius: '4px',
|
|
borderWidth: '2px',
|
|
borderColor: '#e2e8f0',
|
|
boxShadow: '0 2px 4px var(--color-muted-1)',
|
|
},
|
|
HEADER: {
|
|
height: 32,
|
|
padding: 8,
|
|
borderRadius: 4,
|
|
},
|
|
CONTENT: {
|
|
padding: 8,
|
|
borderRadius: 8,
|
|
borderWidth: 2,
|
|
backgroundColor: 'white',
|
|
},
|
|
HANDLE: {
|
|
width: 8,
|
|
},
|
|
COLORS: {
|
|
primary: '#3e6589',
|
|
primary_dark: '#2e4a69',
|
|
secondary: '#718096',
|
|
secondary_dark: '#5a687a',
|
|
background: '#ffffff',
|
|
border: '#e2e8f0',
|
|
text: '#1a202c',
|
|
textLight: '#718096',
|
|
},
|
|
// Minimum dimensions
|
|
MIN_DIMENSIONS: {
|
|
width: 100,
|
|
height: 100,
|
|
},
|
|
} as const
|
|
|
|
// Calendar specific styles
|
|
export const CC_CALENDAR_STYLE_CONSTANTS = {
|
|
// Common button styles
|
|
COMMON_BUTTON: {
|
|
border: 'none',
|
|
borderRadius: '5px',
|
|
padding: '0.4em 1em',
|
|
fontSize: '0.95em',
|
|
textTransform: 'uppercase',
|
|
letterSpacing: '0.05em',
|
|
cursor: 'pointer',
|
|
transition: 'background-color 0.3s ease',
|
|
boxShadow: '0 4px 6px rgba(0, 0, 0, 0.1)',
|
|
},
|
|
|
|
// Application button styles
|
|
APPLICATION_BUTTON: {
|
|
backgroundColor: '#4f80ff',
|
|
color: '#fff',
|
|
},
|
|
|
|
// Option button styles
|
|
OPTION_BUTTON: {
|
|
backgroundColor: '#f0f4f9',
|
|
color: '#2c3e50',
|
|
border: '1px solid #ddd',
|
|
},
|
|
|
|
// Calendar event styles
|
|
EVENT: {
|
|
mainFrame: {
|
|
backgroundColor: 'transparent',
|
|
padding: '0px',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
minHeight: '100%',
|
|
borderRadius: '4px',
|
|
},
|
|
title: {
|
|
fontSize: '1.1em',
|
|
fontWeight: 'normal',
|
|
textAlign: 'center',
|
|
overflow: 'hidden',
|
|
textOverflow: 'ellipsis',
|
|
whiteSpace: 'nowrap',
|
|
opacity: 1,
|
|
padding: '0px 0px',
|
|
width: '100%',
|
|
letterSpacing: '0.02em',
|
|
margin: '0px 0px',
|
|
}
|
|
}
|
|
} as const
|
|
|
|
// Slideshow specific styles
|
|
export const CC_SLIDESHOW_STYLE_CONSTANTS = {
|
|
DEFAULT_SLIDE_WIDTH: 1280,
|
|
DEFAULT_SLIDE_HEIGHT: 720,
|
|
SLIDE_HEADER_HEIGHT: 32,
|
|
SLIDE_HEADER_PADDING: 8,
|
|
SLIDE_CONTENT_PADDING: 0,
|
|
SLIDE_BORDER_RADIUS: 4,
|
|
SLIDE_BORDER_WIDTH: 1,
|
|
SLIDE_SPACING: 16,
|
|
SLIDE_COLORS: {
|
|
background: '#ffffff',
|
|
border: '#e2e8f0',
|
|
text: '#ffffff',
|
|
secondary: '#718096',
|
|
},
|
|
} as const
|