chore: update prism + youtube scheme

src/assets/styles/prism.css

@@ -1,121 +1,110 @@
-/*
- * Laserwave Theme originally by Jared Jones for Visual Studio Code
- * https://github.com/Jaredk3nt/laserwave
- *
- * Ported for PrismJS by Simon Jespersen [https://github.com/simjes]
+/**
+ * Catppuccin Prism theme
  */
-
-code[class*='language-'],
-pre[class*='language-'] {
-  background: #27212e;
-  color: #ffffff;
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; /* this is the default */
-  /* The following properties are standard, please leave them as they are */
-  font-size: 1em;
-  direction: ltr;
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #d9e0ee;
+  background: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
+  word-wrap: normal;
   line-height: 1.5;
-  -moz-tab-size: 2;
-  -o-tab-size: 2;
-  tab-size: 2;
-  /* The following properties are also standard */
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
 }
 
-code[class*='language-']::-moz-selection,
-code[class*='language-'] ::-moz-selection,
-pre[class*='language-']::-moz-selection,
-pre[class*='language-'] ::-moz-selection {
-  background: #eb64b927;
-  color: inherit;
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
 }
 
-code[class*='language-']::selection,
-code[class*='language-'] ::selection,
-pre[class*='language-']::selection,
-pre[class*='language-'] ::selection {
-  background: #eb64b927;
-  color: inherit;
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #1e1d2f;
 }
 
-/* Properties specific to code blocks */
-pre[class*='language-'] {
-  padding: 1em; /* this is standard */
-  margin: 0.5em 0; /* this is the default */
-  overflow: auto; /* this is standard */
-  border-radius: 0.5em;
-}
-
-/* Properties specific to inline code */
-:not(pre) > code[class*='language-'] {
-  padding: 0.2em 0.3em;
-  border-radius: 0.5rem;
-  white-space: normal; /* this is standard */
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
+.token.doctype,
 .token.cdata {
-  color: #91889b;
+  color: #7c7f93;
 }
 
 .token.punctuation {
-  color: #7b6995;
+  color: #dce0e8
 }
 
-.token.builtin,
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
 .token.constant,
-.token.boolean {
-  color: #ffe261;
+.token.symbol,
+.token.deleted {
+  color: #ea76cb;
 }
 
+.token.boolean,
 .token.number {
-  color: #b381c5;
+  color: #8839ef;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #40a02b;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #e6e9ef;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #df8e1d;
+}
+
+.token.keyword {
+  color: #179299;
+}
+
+.token.regex,
+.token.important {
+  color: #fe640b;
 }
 
 .token.important,
-.token.atrule,
-.token.property,
-.token.keyword {
-  color: #40b4c4;
-}
-
-.token.doctype,
-.token.operator,
-.token.inserted,
-.token.tag,
-.token.class-name,
-.token.symbol {
-  color: #74dfc4;
-}
-
-.token.attr-name,
-.token.function,
-.token.deleted,
-.token.selector {
-  color: #eb64b9;
-}
-
-.token.attr-value,
-.token.regex,
-.token.char,
-.token.string {
-  color: #b4dce7;
-}
-
-.token.entity,
-.token.url,
-.token.variable {
-  color: #ffffff;
-}
-
-/* The following rules are pretty similar across themes, but feel free to adjust them */
 .token.bold {
   font-weight: bold;
 }
@@ -126,8 +115,4 @@ pre[class*='language-'] {
 
 .token.entity {
   cursor: help;
-}
-
-.token.namespace {
-  opacity: 0.7;
-}
+}