Patrick.Sy/website-and-documentation
1
0
Fork 0
forked from DevFW-CICD/website-and-documentation
Code Pull requests Activity

feat(theme): improve inline code styling with Telekom colors

Browse source 
- Style inline code blocks (backticks) with soft pink background
- Use Telekom magenta for code text color
- Add border-radius and padding for better readability
- Distinguish inline code from fenced code blocks
This commit is contained in:
Stephan Lo 2025-10-23 15:43:37 +02:00
parent a1be93920d
commit 8e0aea2893
1 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/scss/_variables_project.scss
View file

@ -339,6 +339,31 @@ code {
border: 1px solid var(--color-input-border); border: 1px solid var(--color-input-border);
} }
// Inline code (backticks in text)
code {
background-color: var(--color-primary-light-6);
color: var(--color-primary-dark-2);
padding: 2px 6px;
border-radius: 3px;
border: 1px solid var(--color-primary-light-3);
font-size: 0.9em;
}
// Code blocks (fenced code)
pre {
background-color: var(--color-box-body);
border: 1px solid var(--color-input-border);
padding: 1rem;
border-radius: 4px;
code {
background-color: transparent;
border: none;
padding: 0;
color: inherit;
}
}
// Tables // Tables
table { table {
thead { thead {