Revise code attribute colour for dark mode

mkfizi · Nov 15, 2023 · 8ffc669 · 8ffc669
1 parent cff7028
commit 8ffc669
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 105 deletions.
diff --git a/src/css/app.css b/src/css/app.css
@@ -600,6 +600,10 @@ video {
   left: 50%;
 }
 
+.left-6 {
+  left: 1.5rem;
+}
+
 .right-0 {
   right: 0px;
 }
@@ -632,18 +636,6 @@ video {
   top: 1rem;
 }
 
-.left-2 {
-  left: 0.5rem;
-}
-
-.left-5 {
-  left: 1.25rem;
-}
-
-.left-6 {
-  left: 1.5rem;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -1398,6 +1390,10 @@ video {
   height: 24rem;
 }
 
+.h-auto {
+  height: auto;
+}
+
 .h-full {
   height: 100%;
 }
@@ -1411,23 +1407,11 @@ video {
   height: calc(var(--vh, 1vh) * 100);
 }
 
-.h-auto {
-  height: auto;
-}
-
-.max-h-12 {
-  max-height: 3rem;
-}
-
 .min-h-screen {
   min-height: 100vh;
   min-height: calc(var(--vh, 1vh) * 100);
 }
 
-.min-h-\[24rem\] {
-  min-height: 24rem;
-}
-
 .w-0 {
   width: 0px;
 }
@@ -1576,18 +1560,10 @@ video {
   width: 100vw;
 }
 
-.w-auto {
-  width: auto;
-}
-
 .min-w-\[28rem\] {
   min-width: 28rem;
 }
 
-.max-w-screen-lg {
-  max-width: 1024px;
-}
-
 .max-w-screen-md {
   max-width: 768px;
 }
@@ -1646,14 +1622,6 @@ video {
           appearance: none;
 }
 
-.auto-cols-max {
-  grid-auto-columns: max-content;
-}
-
-.grid-flow-col {
-  grid-auto-flow: column;
-}
-
 .flex-row {
   flex-direction: row;
 }
@@ -1666,18 +1634,6 @@ video {
   flex-wrap: wrap;
 }
 
-.place-content-center {
-  place-content: center;
-}
-
-.content-center {
-  align-content: center;
-}
-
-.content-start {
-  align-content: flex-start;
-}
-
 .items-center {
   align-items: center;
 }
@@ -1848,12 +1804,6 @@ video {
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
 
-.space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
-}
-
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -1869,10 +1819,6 @@ video {
   align-self: flex-end;
 }
 
-.self-center {
-  align-self: center;
-}
-
 .overflow-auto {
   overflow: auto;
 }
@@ -2032,11 +1978,6 @@ video {
   padding-bottom: 1rem;
 }
 
-.py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-}
-
 .pb-32 {
   padding-bottom: 8rem;
 }
@@ -2061,10 +2002,6 @@ video {
   padding-top: 8rem;
 }
 
-.pt-8 {
-  padding-top: 2rem;
-}
-
 .pt-4 {
   padding-top: 1rem;
 }
@@ -2239,7 +2176,7 @@ pre .support.operator {
 :is(.dark pre .support.attribute),:is(.dark 
 pre .support.operator) {
   --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity));
+  color: rgb(163 163 163 / var(--tw-text-opacity));
 }
 
 pre .string.quote,
@@ -2449,30 +2386,10 @@ pre .string.value) {
     margin-right: 2rem;
   }
 
-  .sm\:h-12 {
-    height: 3rem;
-  }
-
-  .sm\:w-12 {
-    width: 3rem;
-  }
-
   .sm\:w-96 {
     width: 24rem;
   }
 
-  .sm\:max-w-sm {
-    max-width: 24rem;
-  }
-
-  .sm\:max-w-md {
-    max-width: 28rem;
-  }
-
-  .sm\:max-w-screen-md {
-    max-width: 768px;
-  }
-
   .sm\:max-w-screen-sm {
     max-width: 640px;
   }
@@ -2568,10 +2485,6 @@ pre .string.value) {
     height: auto;
   }
 
-  .lg\:min-h-\[36rem\] {
-    min-height: 36rem;
-  }
-
   .lg\:min-h-\[32rem\] {
     min-height: 32rem;
   }
@@ -2592,14 +2505,6 @@ pre .string.value) {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 
-  .lg\:grid-cols-1 {
-    grid-template-columns: repeat(1, minmax(0, 1fr));
-  }
-
-  .lg\:items-start {
-    align-items: flex-start;
-  }
-
   .lg\:justify-normal {
     justify-content: normal;
   }

diff --git a/src/css/tailwind.css b/src/css/tailwind.css
@@ -30,7 +30,7 @@ pre .support.tag-name{
 }
 pre .support.attribute,
 pre .support.operator {
-	@apply text-neutral-600 dark:text-neutral-500
+	@apply text-neutral-600 dark:text-neutral-400
 }
 pre .string.quote,
 pre .string.value {