update terminal to b6c2bafbdc30a43ff69b4e00d1aefcc49d7e4aaa

themes/terminal/assets/css/syntax.css

@@ -1,3 +1,4 @@
+/* _syntax.scss */
 code.language-css,
 code.language-scss,
 .token.boolean,
@@ -26,7 +27,6 @@ code.language-scss,
 .token.unit,
 .token.placeholder,
 .token.variable,
-.token.tag,
 .token.attr-name,
 .token.namespace,
 .token.deleted,
@@ -34,7 +34,7 @@ code.language-scss,
 .token.class-name,
 .token.constant,
 .token.symbol {
-  color: color-mod(var(--accent) a(70%)) !important;
+  color: color-mix(in srgb, var(--accent) 70%, transparent) !important;
 }
 
 .token.property,
@@ -43,34 +43,33 @@ code.language-scss,
 .token.deleted,
 code.language-javascript,
 code.language-html,
-.command-line-prompt > span:before {
-  color: color-mod(var(--accent) blend(#999 90%)) !important;
+.command-line-prompt > span::before {
+  color: var(--accent) !important;
 }
 
 .token.selector,
 .token.tag,
 .token.punctuation {
-  color: white;
+  color: color-mix(in srgb, var(--accent) 50%, var(--foreground)) !important;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-  color: rgba(255, 255, 255, .3) !important;
+  color: color-mix(in srgb, var(--foreground) 30%, transparent) !important;
 }
 
 .token.namespace {
-  opacity: .7 !important;
+  opacity: 0.7 !important;
 }
 
 pre[data-line] {
   position: relative;
 }
 
-pre[class*="language-"] {
+pre[class*=language-] {
   margin: 0;
-  padding: 0;
   overflow: auto;
 }
 
@@ -80,77 +79,38 @@ pre[class*="language-"] {
   right: 0;
   padding: 0;
   margin: 0;
-  background: color-mod(var(--accent) blend(#999 90%) a(8%));
+  background: color-mix(in srgb, var(--foreground) 7%, transparent);
   pointer-events: none;
   line-height: inherit;
   white-space: pre;
 }
 
-.line-highlight:before,
-.line-highlight[data-end]:after {
+.line-highlight::before,
+.line-highlight[data-end]::after {
   content: attr(data-start);
   position: absolute;
+
   /* top: .4em; */
-  left: .6em;
+  left: 0.6em;
   min-width: 1em;
-  padding: 0 .5em;
-  background-color: hsla(24, 20%, 50%, .4);
-  color: hsl(24, 20%, 95%);
+  padding: 0 0.5em;
+  background-color: color-mix(in srgb, var(--foreground) 40%, transparent);
+  color: var(--foreground);
   font: bold 65%/1.5 sans-serif;
   text-align: center;
-  vertical-align: .3em;
+  vertical-align: 0.3em;
   border-radius: 999px;
   text-shadow: none;
-  box-shadow: 0 1px white;
+  box-shadow: 0 1px var(--foreground);
 }
 
-.line-highlight[data-end]:after {
+.line-highlight[data-end]::after {
   content: attr(data-end);
   top: auto;
-  bottom: .4em;
+  bottom: 0.4em;
 }
 
-.line-numbers .line-highlight:before,
-.line-numbers .line-highlight:after {
+.line-numbers .line-highlight::before,
+.line-numbers .line-highlight::after {
   content: none;
 }
-
-:root {
-	--code-margin: 40px;
-}
-
-.code-toolbar {
-	position: relative;
-	margin: var(--code-margin) 0;
-	padding: 20px;
-	border: 1px solid rgba(255, 255, 255, .1);
-
-	+ .code-toolbar,
-	+ .highlight,
-	+ .highlight .code-toolbar {
-		border-top: 0;
-		margin-top: calc(-1 * var(--code-margin));
-	}
-
-	pre, code {
-		border: none;
-	}
-
-	code {
-		display: block;
-		color: inherit;
-	}
-
-  > .toolbar {
-    button {
-      font-size: .8em !important;
-      background: hsla(0,0%,87.8%,.2) !important;
-      color: #bbb !important;
-      box-shadow: 0 2px 0 0 rgba(0,0,0,.2) !important;
-      border-radius: 0 !important;
-      margin: 6px !important;
-      padding: 10px !important;
-      user-select:none
-    }
-  }
-}