public/code-crispies
2
1
Fork 0
Code Issues 7 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 7c9daa413c
commit 72ad162a73
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 */
--primary-bg-light: rgba(94, 75, 139, 0.05);
--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-medium: rgba(88, 184, 144, 0.4);
--error-bg-light: rgba(244, 244, 244, 0.8);
@@ -393,17 +394,19 @@ footer a {
}
.task-instruction {
color: var(--white-text);
background-color: var(--primary-bg-instruction);
border-left: var(--border-accent) solid var(--primary-color);
padding: var(--spacing-sm);
border-radius: var(--border-radius-sm);
line-height: 1.8;
font-weight: 600;
}
.task-instruction kbd {
font-family: var(--font-code);
background-color: var(--primary-bg-medium);
color: var(--dark-text);
background-color: var(--primary-bg-instruction-light);
/*color: var(--dark-text);*/
border-radius: var(--border-radius-sm);
padding: calc(var(--spacing-xs) / 2);
font-size: 0.9rem;