Added syntax highlighting for code blocks

Author: D4mianWayne

assets/css/custom.css

@@ -1,359 +1,19 @@
-/* Pwnfuzz Custom Styles */
-
-/* Desktop Menu Styles */
-@media screen and (min-width: 768px) {
-	.menu {
-		order: 2;
-		margin-left: auto;
-	}
-
-	.menu__btn {
-		display: none;
-	}
-
-	.menu__list {
-		position: static;
-		visibility: visible;
-		transform: none;
-		display: flex;
-		flex-wrap: wrap;
-	}
-
-	.menu__item {
-		background: none;
-		border: none;
-	}
-
-	.menu__link {
-		padding: 1.5rem 1rem;
-		color: var(--text);
-		font-weight: 700;
-		text-transform: uppercase;
-		font-size: 0.85rem;
-		letter-spacing: 0.05em;
-	}
-
-	.menu__link:hover,
-	.menu__item--active .menu__link {
-		color: var(--highlight);
-		background: none;
-	}
-}
-
-/* View all tags link */
-.widget-taglist__link--all {
-    display: block;
-    text-align: center;
-    margin-top: 1em;
-    font-weight: bold;
-    color: var(--highlight);
-}
-
-/* Tags page styling */
-.terms {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 1em;
-}
-
-.terms__item {
-    flex: 1 1 300px;
-}
-
-.terms__link {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1em;
-    background-color: var(--content-bg);
-    border: 1px solid var(--border);
-    border-radius: 5px;
-    text-decoration: none;
-    color: var(--text);
-    transition: background-color 0.2s, border-color 0.2s;
-}
-
-.terms__link:hover {
-    background-color: #2a2a2a;
-    border-color: var(--highlight);
-}
-
-.terms__name {
-    font-weight: bold;
-}
-
-.terms__count {
-    background-color: var(--highlight);
-    color: white;
-    padding: 0.2em 0.6em;
-    border-radius: 10px;
-    font-size: 0.9em;
-}
-/* Post Metadata Styling */
-.post-meta {
-    color: var(--text-muted);
-    font-size: 0.9em;
-    margin: 0.5em 0;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    gap: 0.5em;
-}
-
-.post-meta i {
-    margin-right: 0.3em;
-    color: var(--highlight);
-}
-
-.meta-separator {
-    color: var(--border);
-    margin: 0 0.3em;
-}
-
-.post-author, .post-date, .post-categories, .reading-time {
-    display: inline-flex;
-    align-items: center;
-}
-
-.post-categories a {
-    color: var(--highlight);
-    text-decoration: none;
-    margin-left: 0.3em;
-    transition: color 0.2s;
-}
-
-.post-categories a:hover {
-    color: var(--highlight-hover);
-    text-decoration: underline;
-}
-
-.post-tags {
-    margin: 0.5em 0;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5em;
-}
-
-.post-tags .tag {
-    background-color: var(--highlight);
-    color: white;
-    padding: 0.2em 0.8em;
-    border-radius: 15px;
-    font-size: 0.8em;
-    text-decoration: none;
-    transition: background-color 0.2s;
-}
-
-.post-tags .tag:hover {
-    background-color: var(--highlight-hover);
-    text-decoration: none;
-}
-
-/* Ensure proper spacing for the summary */
-.post-summary {
-    margin: 1em 0;
-    line-height: 1.6;
-}
-
-:root {
-    --content-width: 90%;
-    --content-max-width: 1400px;
-    --content-padding: 0 2rem;
-    --main-gap: 2.5rem;
-}
-
-@media (min-width: 1200px) {
-    .content {
-        max-width: var(--content-max-width);
-        margin: 0 auto;
-    }
-    
-    .sidebar {
-        max-width: 300px;
-    }
-    
-    .main {
-        display: grid;
-        grid-template-columns: 1fr 300px;
-        gap: var(--main-gap);
-        max-width: calc(var(--content-max-width) + 300px + var(--main-gap));
-        margin: 0 auto;
-        padding: 0 2rem;
-    }
-    
-    .content__inner {
-        max-width: 100%;
-    }
-}
-
-@media (min-width: 1600px) {
-    :root {
-        --content-max-width: 1600px;
-    }
-}
-
-/* Color Scheme */
-:root {
-    --highlight: #9c1a1c; /* Darker red for better contrast */
-    --highlight-hover: #c41f22;
-    --background: #0a0a0a; /* Dark background */
-    --content-bg: #121212; /* Slightly lighter background for content */
-    --text: #e0e0e0; /* Light gray text */
-    --text-muted: #9e9e9e;
-    --border: #2a2a2a;
-}
-
-/* Dark theme base */
-body {
-    background-color: var(--background);
-    color: var(--text);
-}
-
-/* Header styling */
-.header {
-    background-color: var(--content-bg);
-    border-bottom: 1px solid var(--highlight);
-}
-
-/* Navigation */
-.nav {
-    background-color: var(--content-bg);
-}
-
-.nav__item a {
-    color: var(--text);
-    transition: color 0.2s;
-}
-
-.nav__item a:hover {
-    color: var(--highlight);
-}
-
-/* Content area */
-.content {
-    background-color: var(--content-bg);
-    border: 1px solid var(--border);
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
-    width: 100%;
-    max-width: 100%;
-    padding: 2rem 0;
-}
-
-.content__inner {
-    padding: 0 2rem;
-}
-
-/* Links */
-a {
-    color: var(--highlight);
-    text-decoration: none;
-}
-
-a:hover {
-    color: var(--highlight-hover);
-    text-decoration: underline;
-}
-
-/* Code blocks */
-pre, code {
-    background-color: #1e1e1e;
-    border: 1px solid #333;
-    border-radius: 3px;
-}
-
-/* Buttons */
-.btn {
-    background-color: var(--highlight);
-    color: white;
-    border: none;
-    padding: 8px 16px;
-    border-radius: 4px;
-    transition: background-color 0.2s;
-}
-
-.btn:hover {
-    background-color: var(--highlight-hover);
-    color: white;
-}
-
-/* Sidebar */
-.sidebar {
-    background-color: var(--content-bg);
-    border: 1px solid var(--border);
-    padding: 1.5rem;
-    align-self: start;
-    position: sticky;
-    top: 2rem;
-}
-
-/* Footer */
-.footer {
-    background-color: var(--content-bg);
-    border-top: 1px solid var(--border);
-    color: var(--text-muted);
-}
-
-/* Post meta */
-.post__meta {
-    color: var(--text-muted);
-}
-
-/* Tags */
-.tags__item {
-    background-color: #2a2a2a;
-    color: var(--text);
-    border: 1px solid var(--border);
-    padding: 2px 8px;
-    border-radius: 3px;
-}
-
-.tags__item:hover {
-    background-color: var(--highlight);
-    color: white;
-}
-
-/* Terminal-like styling for code blocks */
-.highlight {
-    position: relative;
-    margin-bottom: 1.5em;
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.highlight pre {
-    margin: 0;
-    padding: 1em;
-    overflow-x: auto;
+/* Force override for Chroma/Monokai code block background and text color */
+pre.chroma, pre.chroma code, .highlight pre, .highlight code, pre, code, .chroma, .highlight {
+  background: #f8f8f8 !important;
+  color: #222 !important;
 }
 
-/* Terminal header */
-.highlight::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    height: 24px;
-    background: #333;
-    border-radius: 4px 4px 0 0;
-    padding: 0 10px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
+/* Target inline styles on <pre> */
+pre[style*="background-color"] {
+  background: #f8f8f8 !important;
+  color: #222 !important;
 }
 
-/* Terminal buttons */
-.highlight::after {
-    content: '•••';
-    position: absolute;
-    top: 6px;
-    left: 10px;
-    color: #ff5f56;
-    text-shadow: 20px 0 0 #ffbd2e, 40px 0 0 #27c93f;
-    font-size: 12px;
-    line-height: 12px;
-    letter-spacing: 2px;
+/* Optional: Improve code block appearance */
+.chroma code, pre code, .highlight code {
+  background: none !important;
+  color: inherit !important;
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  font-size: 1em;
 }

config/_default/params.toml

@@ -2,13 +2,6 @@
 [style]
   vars = {}
 
-# Custom CSS file
-customCSS = ["css/custom.css"]
-
-# Site parameters
-description = "Pwnfuzz - Exploring the world of fuzzing, binary exploitation, and exploit engineering"
-mainSections = ["posts"]
-showReadingTime = true
 
 # Header configuration
 [header]
@@ -62,4 +55,4 @@ showReadingTime = true
   home = ["HTML", "RSS", "JSON"]
   section = ["HTML", "RSS"]
   taxonomy = ["HTML", "RSS"]
-  taxonomyTerm = ["HTML"]
+  taxonomyTerm = ["HTML"]