Some CSS to use in Hugo Papermod to differentiate code blocks and code output blocks. This file needs to be placed in themes\papermod\assets\css\extended\jupyter_cell_output_render.css

jupyter_cell_output_render.css

/* Style for code blocks with language-python class */
pre > code.language-python.hljs {
    display: block;
    padding: 10px;
    margin: 10px 0;
    background-color: rgb(0, 0, 0) !important;
    font-size: 14px;
    line-height: 1.5;
    /* Add the border style here */
    border: 1px solid #ece4e4 !important; /* Adjust border style, width, and color */
    border-radius: 0; /* Set border-radius to 0 for sharp corners */
}