feat: initial commit

src/assets/styles/plugins/prism.css

@@ -0,0 +1,114 @@
+code,
+pre {
+  color: var(--blue-100);
+  background: none;
+  border-radius: var(--border-radius-slight);
+  font-family: var(--font-code);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: var(--line-height-md);
+  tab-size: 2;
+  hyphens: none;
+}
+
+pre {
+  padding: var(--spacing-lg);
+  margin: var(--sizing-xl) 0;
+  overflow: auto;
+  background: var(--gray-900);
+  border: var(--border-gray);
+
+  code {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    padding: 0;
+  }
+}
+
+:not(pre) > code {
+  color: var(--code-color);
+  background: light-dark(var(--gray-200), var(--gray-900));
+  border: var(--border-gray);
+  padding: var(--spacing-xs);
+  white-space: normal
+}
+
+.namespace {
+  opacity: 0.7;
+}
+
+.language-css .token.string,
+.style .token.string {
+  color: #99ccff;
+}
+
+.token {
+  color: var(--blue-200);
+
+  &.comment,
+  &.prolog,
+  &.doctype,
+  &.cdata {
+    color: var(--gray-500);
+  }
+
+  &.punctuation {
+    color: var(--gray-300);
+  }
+
+  &.boolean,
+  &.number {
+    color: var(--blue-300);
+  }
+
+  &.selector,
+  &.attr-name,
+  &.string,
+  &.char,
+  &.builtin,
+  &.inserted {
+    color: #6fff6f;
+  }
+
+  &.operator,
+  &.entity,
+  &.url,
+  &.variable {
+    color: #99ccff;
+  }
+
+  &.atrule,
+  &.attr-value,
+  &.function,
+  &.class-name {
+    color: #ff8f66;
+  }
+
+  &.keyword {
+    color: #00ffff;
+  }
+
+  &.regex,
+  &.important {
+    color: #ff7373;
+  }
+
+  &.italic {
+    font-style: italic;
+  }
+
+  &.entity {
+    cursor: help;
+  }
+
+  &.important,
+  &.bold {
+    font-weight: var(--font-weight-bold);
+  }
+}