fix: Fullsize spoilered codeblocks (#270)

catppuccin · Dec 1, 2023 · 9a91745 · 9a91745
1 parent 6a26ec1
commit 9a91745
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/_chat.scss b/src/components/_chat.scss
@@ -183,6 +183,11 @@ main[class^="chatContent"] div[id^="message-content"] svg[class^="icon"] {
         @include header-list(lighten($surface2, 5%));
       }
     }
+
+    pre div[class^="codeContainer"]:hover {
+      background-color: lighten($surface2, 5%);
+      border-radius: 4px;
+    }
   }
 
   div[class^="spoilerContainer"] {

diff --git a/src/components/_variables.scss b/src/components/_variables.scss
@@ -292,6 +292,9 @@ html {
   --interactive-active: #{$text};
 
   --search-popout-option-non-text-color: #{$subtext0};
+
+  --__spoiler-background-color--hidden: #{$surface2};
+  --__spoiler-warning-background-color: #{lighten($surface2, 5%)};
 }
 
 ::selection {