add darker bg color for hover

This commit is contained in:
pat-s 2024-12-22 09:46:17 +01:00
parent 1f4bccffc2
commit 0ac10862fe
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
2 changed files with 3 additions and 1 deletions

View file

@ -1,6 +1,6 @@
<template>
<span
class="bg-wp-code-inline-100 text-wp-text-code-inline-100 inline-block px-1.5 py-0.5 rounded-full min-w-5 font-bold text-center text-xs leading-4"
class="bg-wp-code-inline-100 text-wp-text-code-inline-100 hover:bg-wp-code-inline-200 inline-block px-1.5 py-0.5 rounded-full min-w-5 font-bold text-center text-xs leading-4"
>
{{ value }}
</span>

View file

@ -40,6 +40,7 @@
--wp-hint-warn-200: theme('colors.int-wp-hint-warn.200');
--wp-code-inline-100: theme('colors.gray.200');
--wp-code-inline-200: theme('colors.gray.400');
--wp-code-inline-text-100: theme('colors.gray.600');
/* --wp-code-300: theme('colors.int-wp-secondary.300');
@ -98,6 +99,7 @@
--wp-hint-warn-200: theme('colors.int-wp-hint-warn-dark.200');
--wp-code-inline-100: theme('colors.int-wp-secondary.700');
--wp-code-inline-100: theme('colors.int-wp-secondary.800');
--wp-code-inline-text-100: theme('colors.gray.300');
--wp-code-100: theme('colors.int-wp-secondary.700'); /* #383c4a */