update to match fart.css variables

FartLabs · Jun 26, 2024 · ecef926 · ecef926
1 parent 1d3b71b
commit ecef926
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/components/page_layout.tsx b/components/page_layout.tsx
@@ -58,7 +58,7 @@ function Favicon() {
 
 const stylesheets = [
   "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark-dimmed.min.css",
-  "https://cdn.jsdelivr.net/gh/FartLabs/fart.css/fart.css",
+  "https://fartlabs.github.io/fart.css/fart.css",
   "/background-blob.css",
   "/tube-green.css",
   "/tube-purple.css",

diff --git a/static/blog-post.css b/static/blog-post.css
@@ -9,7 +9,7 @@
 
 .markdown-body pre {
   font-family: monospace;
-  background-color: var(--darker-dark-green);
+  background-color: var(--fart-darker-dark-green);
   border-radius: 2em;
 }
 

diff --git a/static/cubes.css b/static/cubes.css
@@ -62,27 +62,27 @@
 
 .top {
   transform: rotateX(90deg) translateZ(1em);
-  color: var(--darker-dark-green);
+  color: var(--fart-darker-dark-green);
   background-image: linear-gradient(#c3ef3caa, #c3ef3caa);
   height: 2em;
-  outline: 2px solid var(--darker-dark-green);
+  outline: 2px solid var(--fart-darker-dark-green);
   animation: fade-in linear;
   animation-timeline: view();
 }
 
 .left {
   transform: rotateY(-90deg) translateZ(1em);
   background-image: linear-gradient(
-    var(--lighter-dark-green) 0%,
+    var(--fart-lighter-dark-green) 0%,
     rgba(0, 0, 0, 0) 100%
   );
 }
 
 .front {
   transform: translateZ(1em);
-  color: var(--green);
+  color: var(--fart-green);
   background-image: linear-gradient(
-    var(--darker-dark-green) 0%,
+    var(--fart-darker-dark-green) 0%,
     rgba(0, 0, 0, 0) 100%
   );
 }

diff --git a/static/index.css b/static/index.css
@@ -46,7 +46,7 @@
   padding: 2rem;
   display: flex;
   flex-direction: column;
-  background-color: var(--darker-dark-green);
+  background-color: var(--fart-darker-dark-green);
 }
 
 .blog-post-preview-list {
@@ -55,5 +55,5 @@
 }
 
 .hljs {
-  background-color: var(--darker-dark-green);
+  background-color: var(--fart-darker-dark-green);
 }