Removed prism and added cosmetics

src/app/demo/components/code/code.component.scss

@@ -1,44 +0,0 @@
-pre[class*="language-"] {
-    border-radius: 12px !important;
-
-    &:before,
-    &:after {
-        display: none !important;
-    }
-
-    code {
-        border-left: .5rem solid transparent !important;
-        box-shadow: none !important;
-        background: var(--surface-ground) !important;
-        margin: 0 !important;
-        color: var(--surface-900);
-        font-size: 14px;
-        border-radius: 10px !important;
-
-        .token {
-
-            &.tag,
-            &.keyword {
-                color: #2196F3 !important;
-            }
-
-            &.attr-name,
-            &.attr-string {
-                color: #2196F3 !important;
-            }
-
-            &.attr-value {
-                color: #4CAF50 !important;
-            }
-
-            &.punctuation {
-                color: var(--text-color);
-            }
-
-            &.operator,
-            &.string {
-                background: transparent;
-            }
-        }
-    }
-}

src/app/demo/components/code/code.component.ts

@@ -1,30 +1,14 @@
-import { Component, ElementRef, AfterViewInit, Input, NgModule, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 @Component({
     selector: 'app-code',
     template: `
-        <pre [ngClass]="'language-' + lang"><code #code><ng-content></ng-content>
-</code></pre>
-    `,
-    styleUrls: ['./code.component.scss'],
-    encapsulation: ViewEncapsulation.None
+        <pre class="surface-ground p-5 border-round mb-3 overflow-auto"><code class="-mt-4 p-0 line-height-3 block" [ngStyle]="{'font-family': 'monaco, Consolas, monospace'}"><ng-content></ng-content></code></pre>
+    `
 })
-export class AppCodeComponent implements AfterViewInit {
+export class AppCodeComponent {
 
-    @Input() lang = 'markup';
-
-    @ViewChild('code') codeViewChild!: ElementRef;
-
-    constructor(public el: ElementRef) { }
-
-    ngAfterViewInit() {
-        // @ts-ignore
-        if (window['Prism']) {
-            // @ts-ignore
-            window['Prism'].highlightElement(this.codeViewChild.nativeElement);
-        }
-    }
 }
 
 @NgModule({