callout color

PostHog · Nov 15, 2023 · b05f2b2 · b05f2b2
1 parent b954934
commit b05f2b2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/frontend/src/styles/global.scss b/frontend/src/styles/global.scss
@@ -567,6 +567,7 @@ body {
         --primary-3000-button-bg: var(--primary-3000-button-bg-light);
         --primary-3000-button-border: var(--primary-3000-button-border-light);
         --primary-3000-button-border-hover: var(--primary-3000-button-border-hover-light);
+        --primary-alt-highlight-3000: var(--primary-alt-highlight-3000-light);
 
         --secondary-3000-frame-bg: var(--secondary-3000-frame-bg-light);
         --secondary-3000-frame-border: var(--secondary-3000-frame-border-light);
@@ -603,6 +604,7 @@ body {
         --primary-3000-button-bg: var(--primary-3000-button-bg-dark);
         --primary-3000-button-border: var(--primary-3000-button-border-dark);
         --primary-3000-button-border-hover: var(--primary-3000-button-border-hover-dark);
+        --primary-alt-highlight-3000: var(--primary-alt-highlight-3000-dark);
 
         --secondary-3000-frame-bg: var(--secondary-3000-frame-bg-dark);
         --secondary-3000-frame-border: var(--secondary-3000-frame-border-dark);
@@ -621,6 +623,7 @@ body {
         --border-bold: var(--border-bold-3000);
         --mid: var(--bg-3000);
         --side: var(--bg-3000);
+        --primary-alt-highlight: var(--primary-alt-highlight-3000);
         background: var(--bg-3000);
         overflow: hidden; // Each area handles scrolling individually (e.g. navbar, scene, side panel)
 

diff --git a/frontend/src/styles/vars.scss b/frontend/src/styles/vars.scss
@@ -151,6 +151,7 @@ $colors: (
     'primary-3000-highlight-dark': rgba(#f7a503, 0.1),
     'primary-3000-hover-dark': #f7a503,
     'primary-3000-active-dark': #f7a503,
+    'primary-alt-highlight-3000-light': #e5e7e0,
 
     'secondary-3000-dark': #1d1f27,
     'secondary-3000-hover-dark': #575d77,
@@ -166,6 +167,7 @@ $colors: (
     'primary-3000-button-bg-dark': #e0a045,
     'primary-3000-button-border-dark': #b17816,
     'primary-3000-button-border-hover-dark': #8e5b03,
+    'primary-alt-highlight-3000-dark': #232429,
 
     'secondary-3000-frame-bg-dark': #323232,
     'secondary-3000-frame-border-dark': #383838,