fix: changing highlight colors

brenoepics · Oct 10, 2024 · 56ed8bb · 56ed8bb
1 parent 18447a1
commit 56ed8bb
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/theme/src/theme/components/VPHighlight.vue b/packages/theme/src/theme/components/VPHighlight.vue
@@ -44,7 +44,7 @@ const reverseColors = (colors: Array<string>) => {
 <template>
   <div class="side-highlight">
     <div class="string-highlight"
-         :style="{backgroundColor: `linear-gradient(${stringHighlightColors.join(', ')})`}" />
+         :style="{background: `linear-gradient(${stringHighlightColors.join(', ')})`}" />
     <div class="icon" :class="{ 'glowing-active': glowingActive }">
       <div v-if="typeof icon === 'object' && icon.wrap" class="icon">
         <VPImage
@@ -67,7 +67,7 @@ const reverseColors = (colors: Array<string>) => {
       ></span>
     </div>
     <div class="string-highlight"
-         :style="{backgroundColor: `linear-gradient(${reverseColors(stringHighlightColors).join(', ')})`}" />
+         :style="{background: `linear-gradient(${reverseColors(stringHighlightColors).join(', ')})`}" />
   </div>
 </template>