style: tweak light mode code block

1 files changed, 19 insertions, 26 deletions

diff --git a/static/style.css b/static/style.css
index bb00a2a..e850eef 100644
--- a/static/style.css
+++ b/static/style.css
@@ -571,7 +571,7 @@ main#everything {
 }
 
 .theme-light #everything-lessons .lesson-snippet {
-  box-shadow: var(--gap) var(--gap) 0 var(--unnamed-blue);
+  box-shadow: var(--gap) var(--gap) 0 var(--unexpected-aubergine);
 }
 
 #everything-lessons .lesson-snippet code {
@@ -656,32 +656,23 @@ main#everything {
     inset: 0;
     top: var(--navbar-height);
     grid-column: 1 / span 2;
-    padding-left: calc( var(--gap) + var(--gap-quad));
+    padding-left: calc( var(--gap) + var(--gap-quad) * 2);
     transform: translateX(-100%);
     transition: transform 300ms ease-in 0s, overflow-y 0s linear 600ms;
     z-index: 10;
     overflow: unset;
-    
-    box-shadow: 0 var(--gap-double) var(--gap-double) rgba(0, 0, 0, 0.4);
+    box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
     background: var(--color-background-dim);
   }
 
-
   /* show / hide contents when touching on trigger */
   #everything-contents:hover:not(:has(a:hover)) {
-    transform: translateX(0);
+    transform: translateX(calc(-2 * var(--gap-quad)));
+    box-shadow: 0 var(--gap-double) var(--gap-quad) rgba(0, 0, 0, 0.4);
     /* overflow-x: hidden; */
     animation: reveal 300ms ease-out 20ms forwards 1;
   }
 
-  
-
-  /* show / hide contents when touching on trigger */
-  /* #everything-contents:hover:not(:is(:has(a:active), :has(a:focus))) { */
-
-    /* animation: reveal 300ms ease-out 0s forwards 1; */
-  /* } */
-
   #everything-contents::before {
     display:none;
   }
@@ -693,22 +684,33 @@ main#everything {
     inset: unset;
     bottom: 0;
     right: calc(-100%);
-    font-size: var(--font-size-normal);
+    font-size: var(--font-size-small);
     filter: none;
     width: calc(100vw);
     transform: translateX(0);
     display: flex;
     align-items: center;
     justify-content: center;
-    color: var(--faff-pink);
-
+    color: var(--color-text);
+    font-weight: bold;
     background: var(--color-background-dim);
     z-index: 60;
     opacity: 1;
+    transition: opacity 300ms ease-out 450ms;
     pointer-events: all;
     box-sizing: border-box;
   }
 
+  .theme-light #everything-contents::after {
+    filter: contrast(1);
+  }
+
+
+  #everything-contents:hover:not(:has(a:hover))::after {
+    opacity: 0;
+    transition: opacity 150ms ease-in 0s;
+  }
+
   #everything-lessons {
     grid-column: 1 / span 2;
     padding-bottom: var(--gap-quad);
@@ -765,13 +767,4 @@ main#everything {
   100% {
     overflow-y: auto;
   }
-}
-
-@keyframes hide {
-  0% {
-    overflow-y: auto
-  }
-  100% {
-    overflow: unset;
-  }
 }
\ No newline at end of file