diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 41be5b1e..be1b3bdc 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -28,3 +28,5 @@ jobs:
         run: npm run test
       - name: Typecheck
         run: npm run typecheck
+      - name: Build
+        run: npm run build
diff --git a/src/scss/_note.scss b/src/scss/_note.scss
index b2626332..f58ec4ad 100644
--- a/src/scss/_note.scss
+++ b/src/scss/_note.scss
@@ -29,11 +29,14 @@
         }
     }
 
+
+    // @todo replace with variables
+
     $colors: (
-        yfm-accent-info: var(--yfm-color-accent),
-        yfm-accent-tip: var(--yfm-color-note-tip),
-        yfm-accent-alert: var(--yfm-color-note-important),
-        yfm-accent-warning: var(--yfm-color-note-warning),
+        yfm-accent-info: #027bf3,
+        yfm-accent-tip: #56bd67,
+        yfm-accent-warning: #f19518,
+        yfm-accent-alert: #ff4645,
     );
 
     @each $type, $color in $colors {