github-deploy-action-unused-var-warnings

unused-var-warnings/style.css

@@ -62,6 +62,9 @@
   --err-color: red;
   --err-color-dark: #c00;
 
+  --warn-color: orange;
+  --warn-color-dark: #c96e00;
+
   --selection-color: #fae294;
   --selection-shadow-color: rosybrown;
 
@@ -733,7 +736,7 @@ select {
   /*TODO(andrew): less shouty for now*/
   color: #938870 !important;
 }
-  
+
 .code .token.incomplete {
   color: var(--code-emphasis) !important;
 }
@@ -1037,6 +1040,19 @@ svg.tile-selected {
   vector-effect: non-scaling-stroke;
 }
 
+.code-container svg.warn-hole {
+    fill: rgba(221, 166, 0, 0.067);
+    stroke-dasharray: 1, 1;
+    stroke: var(--warn-color);
+    stroke-width: 1.2px;
+    /* mix-blend-mode: color; */
+    z-index: var(--warn-hole-z);
+}
+
+.code-container svg.warn-hole path {
+    vector-effect: non-scaling-stroke;
+}
+
 .typ-view {
   color: var(--typ-text-color);
   display: flex;
@@ -1083,6 +1099,11 @@ svg.tile-selected {
   /* HACK(andrew) */
 }
 
+.ci-header.warn {
+    background-color: var(--warn-color);
+    color: #ffaa0c !important;
+}
+
 .term-tag {
   font-weight: bolder;
   text-transform: uppercase;
@@ -1127,8 +1148,17 @@ svg.tile-selected {
   border-bottom: 1px dashed red;
 }
 
+.cursor-inspector .warn .code {
+    background-color: #f3d890;
+    padding: 0 0.3em 0 0.3em;
+    border-radius: 0.3em;
+    border-bottom: 1px dashed gold;
+}
+
+
 .cursor-inspector .info .ok,
-.cursor-inspector .info .error {
+.cursor-inspector .info .error,
+.cursor-inspector .info .warn {
   display: flex;
   align-items: center;
   gap: 0.5em;
@@ -1139,6 +1169,10 @@ svg.tile-selected {
   color: var(--err-color);
 }
 
+.cursor-inspector .info .warn {
+  color: var(--warn-color);
+}
+
 /* CONTEXT INSPECTOR */
 .context-inspector {
   /* below triggers chrome jank bug */