chore(3000): updated tag colors (#18786)

* updated tag colors * darkened warning text * Enable 3000 snapshots * Update UI snapshots for `webkit` (2) * Update UI snapshots for `chromium` (1) * Update UI snapshots for `chromium` (2) * Lint CSS --------- Co-authored-by: Michael Matloka <[email protected]> Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
PostHog · Nov 29, 2023 · 93b75f8 · 93b75f8
1 parent 6ae6e10
commit 93b75f8
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 5 deletions.
diff --git a/frontend/__snapshots__/lemon-ui-lemon-banner--warning.png b/frontend/__snapshots__/lemon-ui-lemon-banner--warning.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--dark.png b/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--light.png b/frontend/__snapshots__/lemon-ui-lemon-tag--lemon-tag--light.png
diff --git 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
@@ -7,6 +7,11 @@ const meta: Meta<typeof LemonTagComponent> = {
     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
@@ -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,