public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

feat: update instruction styles with new colors and enhanced readability

Browse Source
This commit is contained in:
Michael Czechowski
2025-06-05 23:31:19 +02:00
parent 5da62807a2
commit a4db81c4c6
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/main.css
View File

@@ -37,7 +37,8 @@
/* Special colors */ /* Special colors */
--primary-bg-light: rgba(94, 75, 139, 0.05); --primary-bg-light: rgba(94, 75, 139, 0.05);
--primary-bg-medium: rgba(94, 75, 139, 0.1); --primary-bg-medium: rgba(94, 75, 139, 0.1);
--primary-bg-instruction: rgba(94, 75, 139, 0.05); --primary-bg-instruction: rgba(125, 92, 203, 0.84);
--primary-bg-instruction-light: rgba(244, 244, 244, 0.2);
--success-bg-light: rgba(88, 184, 144, 0.1); --success-bg-light: rgba(88, 184, 144, 0.1);
--success-bg-medium: rgba(88, 184, 144, 0.4); --success-bg-medium: rgba(88, 184, 144, 0.4);
--error-bg-light: rgba(244, 244, 244, 0.8); --error-bg-light: rgba(244, 244, 244, 0.8);
@@ -393,17 +394,19 @@ footer a {
} }
.task-instruction { .task-instruction {
color: var(--white-text);
background-color: var(--primary-bg-instruction); background-color: var(--primary-bg-instruction);
border-left: var(--border-accent) solid var(--primary-color); border-left: var(--border-accent) solid var(--primary-color);
padding: var(--spacing-sm); padding: var(--spacing-sm);
border-radius: var(--border-radius-sm); border-radius: var(--border-radius-sm);
line-height: 1.8; line-height: 1.8;
font-weight: 600;
} }
.task-instruction kbd { .task-instruction kbd {
font-family: var(--font-code); font-family: var(--font-code);
background-color: var(--primary-bg-medium); background-color: var(--primary-bg-instruction-light);
color: var(--dark-text); /*color: var(--dark-text);*/
border-radius: var(--border-radius-sm); border-radius: var(--border-radius-sm);
padding: calc(var(--spacing-xs) / 2); padding: calc(var(--spacing-xs) / 2);
font-size: 0.9rem; font-size: 0.9rem;