feat(tools): update dark mode colors in syntax highlighter (#42)

Signed-off-by: Petr Bulánek <[email protected]>
i-am-bee · Oct 31, 2024 · c4232c6 · c4232c6
1 parent 1bd70b7
commit c4232c6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/EditableSyntaxHighlighter/EditableSyntaxHighlighter.module.scss b/src/components/EditableSyntaxHighlighter/EditableSyntaxHighlighter.module.scss
@@ -32,7 +32,12 @@
   row-gap: $spacing-03;
 
   :global(.#{$prefix}--g90) & {
-    --highlight-background: #{$color-gray-20};
+    --highlight-background: #{$color-cool-gray-100};
+    --highlight-color: #{$color-white};
+    --highlight-comment-color: #{$color-green-60};
+    --highlight-keyword-color: #{$color-purple-40};
+    --highlight-primary-color: #{$color-orange-30-hover};
+    --highlight-tertiary-color: #{$color-green-50};
   }
 }
 

diff --git a/src/modules/tools/manage/UserToolModal.module.scss b/src/modules/tools/manage/UserToolModal.module.scss
@@ -39,6 +39,13 @@
   :global(.#{$prefix}--modal-content) {
     padding: 0 $spacing-07 $spacing-09;
   }
+  :global(.#{$prefix}--modal-scroll-content) {
+    border-block-end: 0;
+    mask-image: none;
+    > :last-child {
+      margin-block-end: 0;
+    }
+  }
   :global(.#{$prefix}--modal-footer) {
     block-size: auto;
     padding: 0 $spacing-07 $spacing-07;