diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--warning.png b/frontend/__snapshots__/lemon-ui-lemon-banner--warning.png index 3c41933fb5078..4937db5fbd079 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-banner--warning.png and b/frontend/__snapshots__/lemon-ui-lemon-banner--warning.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--dark.png b/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--dark.png new file mode 100644 index 0000000000000..2f2bc2cdc1461 Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--dark.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--light.png b/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--light.png new file mode 100644 index 0000000000000..91d7ff007d83e Binary files /dev/null and b/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--light.png differ diff --git a/frontend/src/lib/lemon-ui/LemonTag/LemonTag.scss b/frontend/src/lib/lemon-ui/LemonTag/LemonTag.scss index 70ee7f4435e5a..73bacf57cd70a 100644 --- a/frontend/src/lib/lemon-ui/LemonTag/LemonTag.scss +++ b/frontend/src/lib/lemon-ui/LemonTag/LemonTag.scss @@ -35,9 +35,9 @@ background-color: var(--mark); .posthog-3000 & { - color: var(--mark); + color: var(--highlight); background: none; - border-color: var(--mark); + border-color: var(--highlight); } } @@ -79,9 +79,9 @@ background-color: var(--purple-light); .posthog-3000 & { - color: var(--purple-light); + color: var(--purple); background: none; - border-color: var(--purple-light); + border-color: var(--purple); } } diff --git a/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx b/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx index bf68c9db7d5a0..07a11cb63594f 100644 --- a/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx +++ b/frontend/src/lib/lemon-ui/LemonTag/LemonTag.stories.tsx @@ -7,6 +7,11 @@ const meta: Meta = { title: 'Lemon UI/Lemon Tag', component: LemonTagComponent, tags: ['autodocs'], + parameters: { + testOptions: { + include3000: true, + }, + }, } export default meta diff --git a/frontend/src/styles/vars.scss b/frontend/src/styles/vars.scss index 9f347517dfa26..fee5a9a4c6a1d 100644 --- a/frontend/src/styles/vars.scss +++ b/frontend/src/styles/vars.scss @@ -79,7 +79,9 @@ $colors: ( 'warning-highlight': rgba(#f7a501, 0.1), 'warning-light': #f8b633, 'warning': #f7a501, - 'warning-dark': #a06b01, + 'warning-dark': #e09423, + 'highlight': #e49f2c, + 'highlight-dark': #ffbd4f, 'success-highlight': rgba(#388600, 0.1), 'success-light': #5f9d32, 'success': #388600,