ClassroomCopilot/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: replace last hardcoded hex colors (#666, #333) with --cc-* tokens in cc-youtube-embed-styles

Browse Source
This commit is contained in:
CC Worker 2026-05-31 23:17:55 +00:00
parent 0150ca3c32
commit a0afbc90f5
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/utils/tldraw/cc-base/cc-youtube-embed/cc-youtube-embed-styles.ts
View File

@ -18,40 +18,40 @@ export const CC_YOUTUBE_EMBED_STYLE_CONSTANTS = {
overflowY: 'auto', overflowY: 'auto',
maxHeight: '100%', maxHeight: '100%',
minWidth: '200px', minWidth: '200px',
backgroundColor: '#f5f5f5', backgroundColor: 'var(--cc-navy-50)',
borderLeft: '1px solid #ddd', borderLeft: '1px solid var(--cc-border)',
}, },
title: { title: {
margin: '0 0 10px 0', margin: '0 0 10px 0',
fontSize: '16px', fontSize: '16px',
fontWeight: 'bold', fontWeight: 'bold',
color: '#333', color: 'var(--cc-text-primary)',
}, },
line: { line: {
padding: '5px', padding: '5px',
marginBottom: '5px', marginBottom: '5px',
borderRadius: '4px', borderRadius: '4px',
fontSize: '14px', fontSize: '14px',
color: '#333', color: 'var(--cc-text-primary)',
backgroundColor: '#fff', backgroundColor: 'var(--cc-bg-canvas)',
border: '1px solid #eee', border: '1px solid var(--cc-border-strong)',
}, },
activeLine: { activeLine: {
backgroundColor: '#e3f2fd', backgroundColor: 'var(--cc-navy-50)',
border: '1px solid #2196f3', border: '1px solid var(--cc-action-primary)',
color: '#1565c0', color: 'var(--cc-action-primary)',
fontWeight: 'bold', fontWeight: 'bold',
boxShadow: '0 1px 3px rgba(0,0,0,0.12)', boxShadow: '0 1px 3px rgba(0,0,0,0.12)',
transform: 'scale(1.02)', transform: 'scale(1.02)',
transition: 'all 0.2s ease-in-out', transition: 'all 0.2s ease-in-out',
}, },
timestamp: { timestamp: {
color: '#666', color: 'var(--cc-text-tertiary)',
marginRight: '8px', marginRight: '8px',
fontWeight: 'bold', fontWeight: 'bold',
}, },
loading: { loading: {
color: '#666', color: 'var(--cc-text-muted)',
fontStyle: 'italic', fontStyle: 'italic',
}, },
}, },
@ -64,14 +64,14 @@ export const CC_YOUTUBE_EMBED_STYLE_CONSTANTS = {
}, },
button: { button: {
padding: '8px 12px', padding: '8px 12px',
backgroundColor: '#f0f0f0', backgroundColor: 'var(--cc-navy-50)',
border: '1px solid #ddd', border: '1px solid var(--cc-border)',
borderRadius: '4px', borderRadius: '4px',
cursor: 'pointer', cursor: 'pointer',
color: '#333', color: 'var(--cc-text-primary)',
fontSize: '14px', fontSize: '14px',
'&:hover': { '&:hover': {
backgroundColor: '#e0e0e0', backgroundColor: 'var(--cc-border-strong)',
}, },
}, },
}, },