From 2edaec5a185dde4f9155f0fd4a6224cedc40d6b0 Mon Sep 17 00:00:00 2001
From: David Newell <d.newell1@outlook.com>
Date: Thu, 23 Nov 2023 09:10:29 +0000
Subject: [PATCH] fix: remove brand-blue usages where primary is applicable
 (#18821)

---
 frontend/src/lib/icons/HogIcon.tsx            | 35 -------------------
 .../src/lib/lemon-ui/Spinner/Spinner.scss     |  2 +-
 .../scenes/notebooks/Notebook/Notebook.scss   |  4 +--
 3 files changed, 3 insertions(+), 38 deletions(-)
 delete mode 100644 frontend/src/lib/icons/HogIcon.tsx

diff --git a/frontend/src/lib/icons/HogIcon.tsx b/frontend/src/lib/icons/HogIcon.tsx
deleted file mode 100644
index dbca3bbc58ddd..0000000000000
--- a/frontend/src/lib/icons/HogIcon.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { CSSProperties } from 'react'
-
-export function HogIcon({ style }: { style?: CSSProperties }): JSX.Element {
-    return (
-        <svg
-            className="hog-icon"
-            // eslint-disable-next-line react/forbid-dom-props
-            style={style}
-            fill="none"
-            width="206"
-            height="120"
-            viewBox="0 0 206 120"
-            xmlns="http://www.w3.org/2000/svg"
-        >
-            <path
-                d="m.0001297 85.7151 34.3310703 34.2849h-34.3310703zm0-8.5712 42.9137703 42.8561h34.3311l-77.2448703-77.141zm0-42.8561 85.8275703 85.7122h34.3313l-120.1588703-119.99711609zm42.9137703 0 85.8281 85.7122v-34.2849l-85.8281-85.71221609zm42.9138-34.28491609v34.28491609l42.9143 42.8561v-34.2849z"
-                fill="var(--brand-yellow)"
-            />
-            <path
-                clipRule="evenodd"
-                d="m182.545 96.5876c6.214 6.2054 14.645 9.6954 23.441 9.6954v13.714h-71.175v-71.0792zm-20.269 2.8389c0 3.7865-3.074 6.8565-6.866 6.8565s-6.866-3.07-6.866-6.8565c0-3.787 3.074-6.857 6.866-6.857s6.866 3.07 6.866 6.857z"
-                fill="var(--brand-key)"
-                fillRule="evenodd"
-            />
-            <g fill="var(--brand-blue)">
-                <path d="m0 119.997h34.331l-34.331-34.2844z" />
-                <path d="m42.9138 42.859-42.91377711-42.85611609v34.28491609l42.91377711 42.8561z" />
-                <path d="m0 42.8563v34.2849l42.9138 42.8558v-34.2846z" />
-            </g>
-            <path d="m85.8305 42.8562-42.9138-42.8562v34.2849l42.9138 42.8562z" fill="var(--brand-red)" />
-            <path d="m42.9133 119.998h34.331l-34.331-34.2852z" fill="var(--brand-red)" />
-            <path d="m42.9133 42.8564v34.2849l42.9138 42.8557v-34.2844z" fill="var(--brand-red)" />
-        </svg>
-    )
-}
diff --git a/frontend/src/lib/lemon-ui/Spinner/Spinner.scss b/frontend/src/lib/lemon-ui/Spinner/Spinner.scss
index 9504dd20eb1c4..ec8d8e41a33c2 100644
--- a/frontend/src/lib/lemon-ui/Spinner/Spinner.scss
+++ b/frontend/src/lib/lemon-ui/Spinner/Spinner.scss
@@ -5,7 +5,7 @@
     height: 1em;
     flex-shrink: 0;
 
-    --spinner-color: var(--brand-blue);
+    --spinner-color: var(--primary-3000);
 
     &.Spinner--textColored {
         --spinner-color: currentColor;
diff --git a/frontend/src/scenes/notebooks/Notebook/Notebook.scss b/frontend/src/scenes/notebooks/Notebook/Notebook.scss
index 9b0139e499d63..ec7cf08ba88ca 100644
--- a/frontend/src/scenes/notebooks/Notebook/Notebook.scss
+++ b/frontend/src/scenes/notebooks/Notebook/Notebook.scss
@@ -123,8 +123,8 @@
             }
 
             &.Backlink--active {
-                border: 1px solid var(--brand-blue);
-                background: var(--brand-blue);
+                border: 1px solid var(--primary-3000);
+                background: var(--primary-3000);
                 color: var(--white);
 
                 & .Backlink__label,