-
+
{cohort.name}
({cohort.count} persons)
{cohort.is_static ? 'Static' : 'Dynamic'}
diff --git a/frontend/src/scenes/notebooks/Notebook/Notebook.scss b/frontend/src/scenes/notebooks/Notebook/Notebook.scss
index 1ba202f5a0348..ed584c90842d8 100644
--- a/frontend/src/scenes/notebooks/Notebook/Notebook.scss
+++ b/frontend/src/scenes/notebooks/Notebook/Notebook.scss
@@ -262,7 +262,7 @@
// overriding ::selection is necessary here because
// antd makes it invisible otherwise
span::selection {
- color: var(--primary);
+ color: var(--primary-3000);
}
// Overrides for insight controls
diff --git a/frontend/src/scenes/notebooks/Notebook/SlashCommands.tsx b/frontend/src/scenes/notebooks/Notebook/SlashCommands.tsx
index 56d8c2c19efaf..6fb6e14c67654 100644
--- a/frontend/src/scenes/notebooks/Notebook/SlashCommands.tsx
+++ b/frontend/src/scenes/notebooks/Notebook/SlashCommands.tsx
@@ -3,21 +3,19 @@ import Suggestion from '@tiptap/suggestion'
import { ReactRenderer } from '@tiptap/react'
import { LemonButton, LemonDivider, lemonToast } from '@posthog/lemon-ui'
+import { IconBold, IconCohort, IconItalic } from 'lib/lemon-ui/icons'
import {
- IconBold,
- IconCohort,
- IconItalic,
- IconRecording,
- IconTableChart,
- IconUploadFile,
- InsightSQLIcon,
- InsightsFunnelsIcon,
- InsightsLifecycleIcon,
- InsightsPathsIcon,
- InsightsRetentionIcon,
- InsightsStickinessIcon,
- InsightsTrendsIcon,
-} from 'lib/lemon-ui/icons'
+ IconCursor,
+ IconFunnels,
+ IconHogQL,
+ IconLifecycle,
+ IconRetention,
+ IconRewindPlay,
+ IconStickiness,
+ IconTrends,
+ IconUpload,
+ IconUserPaths,
+} from '@posthog/icons'
import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react'
import { EditorCommands, EditorRange } from './utils'
import { BaseMathType, ChartDisplayType, FunnelVizType, NotebookNodeType, PathType, RetentionPeriod } from '~/types'
@@ -100,7 +98,7 @@ const SLASH_COMMANDS: SlashCommandsItem[] = [
{
title: 'Trend',
search: 'trend insight',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -125,7 +123,7 @@ const SLASH_COMMANDS: SlashCommandsItem[] = [
{
title: 'Funnel',
search: 'funnel insight',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -152,7 +150,7 @@ const SLASH_COMMANDS: SlashCommandsItem[] = [
{
title: 'Retention',
search: 'retention insight',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -179,7 +177,7 @@ const SLASH_COMMANDS: SlashCommandsItem[] = [
{
title: 'Paths',
search: 'paths insight',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -194,7 +192,7 @@ const SLASH_COMMANDS: SlashCommandsItem[] = [
{
title: 'Stickiness',
search: 'stickiness insight',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -215,7 +213,7 @@ const SLASH_COMMANDS: SlashCommandsItem[] = [
{
title: 'Lifecycle',
search: 'lifecycle insight',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -235,7 +233,7 @@ const SLASH_COMMANDS: SlashCommandsItem[] = [
{
title: 'HogQL',
search: 'sql',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -267,7 +265,7 @@ order by count() desc
{
title: 'Events',
search: 'data explore',
- icon:
,
+ icon:
,
command: (chain, pos) =>
chain.insertContentAt(
pos,
@@ -303,13 +301,13 @@ order by count() desc
{
title: 'Session Replays',
search: 'recordings video',
- icon:
,
+ icon:
,
command: (chain, pos) => chain.insertContentAt(pos, { type: NotebookNodeType.RecordingPlaylist, attrs: {} }),
},
{
title: 'Image',
search: 'picture',
- icon:
,
+ icon:
,
command: async (chain, pos) => {
// Trigger upload followed by insert
try {
diff --git a/frontend/src/scenes/notebooks/NotebookPanel/NotebookPanel.scss b/frontend/src/scenes/notebooks/NotebookPanel/NotebookPanel.scss
index d4a2460692e24..5cd1a52a8ca02 100644
--- a/frontend/src/scenes/notebooks/NotebookPanel/NotebookPanel.scss
+++ b/frontend/src/scenes/notebooks/NotebookPanel/NotebookPanel.scss
@@ -40,7 +40,7 @@
}
&--active {
- border-color: var(--primary);
+ border-color: var(--primary-3000);
height: 8rem;
.NotebookPanelDropzone__message {
diff --git a/frontend/src/scenes/notebooks/NotebookPanel/NotebookPopover.scss b/frontend/src/scenes/notebooks/NotebookPanel/NotebookPopover.scss
index ba0ab7a664877..4534f030b9bf5 100644
--- a/frontend/src/scenes/notebooks/NotebookPanel/NotebookPopover.scss
+++ b/frontend/src/scenes/notebooks/NotebookPanel/NotebookPopover.scss
@@ -121,7 +121,7 @@
}
&--active {
- border-color: var(--primary);
+ border-color: var(--primary-3000);
height: 8rem;
.NotebookPanelDropzone__message {
@@ -131,7 +131,7 @@
&--dropped {
padding: 1rem;
- border-color: var(--primary);
+ border-color: var(--primary-3000);
background-color: var(--bg-light);
height: 100%;
justify-content: flex-start;
diff --git a/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx b/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx
index 0e1202affc14c..c6935d13641c9 100644
--- a/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx
+++ b/frontend/src/scenes/persons-management/personsManagementSceneLogic.tsx
@@ -51,7 +51,7 @@ export const personsManagementSceneLogic = kea
(
{
key: 'persons',
url: urls.persons(),
- label: 'Persons',
+ label: 'People',
content: ,
},
{
diff --git a/frontend/src/scenes/persons/PersonScene.scss b/frontend/src/scenes/persons/PersonScene.scss
index b22eea07f7361..e555d6434aecb 100644
--- a/frontend/src/scenes/persons/PersonScene.scss
+++ b/frontend/src/scenes/persons/PersonScene.scss
@@ -5,7 +5,7 @@
line-height: 1.125rem;
margin: 0 0 0 0.25rem;
padding: 0 0.25rem 0 0.375rem;
- color: var(--primary);
+ color: var(--primary-3000);
cursor: pointer;
svg {
diff --git a/frontend/src/scenes/pipeline/pipelineLogic.tsx b/frontend/src/scenes/pipeline/pipelineLogic.tsx
index 017e1966745b7..c043eeac44dd7 100644
--- a/frontend/src/scenes/pipeline/pipelineLogic.tsx
+++ b/frontend/src/scenes/pipeline/pipelineLogic.tsx
@@ -43,7 +43,7 @@ export const pipelineLogic = kea([
breadcrumbs: [
(s) => [s.currentTab],
(tab): Breadcrumb[] => {
- const breadcrumbs: Breadcrumb[] = [{ name: 'Pipeline' }]
+ const breadcrumbs: Breadcrumb[] = [{ name: 'Data pipeline' }]
breadcrumbs.push({
name: humanFriendlyTabName(tab),
})
diff --git a/frontend/src/scenes/project-homepage/NewlySeenPersons.tsx b/frontend/src/scenes/project-homepage/NewlySeenPersons.tsx
index 0aea88331c5e3..64a4181460b29 100644
--- a/frontend/src/scenes/project-homepage/NewlySeenPersons.tsx
+++ b/frontend/src/scenes/project-homepage/NewlySeenPersons.tsx
@@ -33,14 +33,14 @@ export function NewlySeenPersons(): JSX.Element {
return (
}
diff --git a/frontend/src/scenes/project-homepage/ProjectHomepage.scss b/frontend/src/scenes/project-homepage/ProjectHomepage.scss
index 3066991290387..f905c0241e4a4 100644
--- a/frontend/src/scenes/project-homepage/ProjectHomepage.scss
+++ b/frontend/src/scenes/project-homepage/ProjectHomepage.scss
@@ -1,11 +1,11 @@
.project-homepage {
- .homepage-dashboard-header {
+ .HomepageDashboardHeader {
margin-top: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
- .dashboard-title-container {
+ .HomepageDashboardHeader__title {
display: flex;
flex-direction: row;
align-items: center;
@@ -17,6 +17,16 @@
margin: 0;
}
}
+
+ .posthog-3000 & {
+ a {
+ color: var(--default);
+
+ &:hover {
+ color: var(--primary-3000);
+ }
+ }
+ }
}
}
diff --git a/frontend/src/scenes/project-homepage/ProjectHomepage.tsx b/frontend/src/scenes/project-homepage/ProjectHomepage.tsx
index 80cc8e5b02b9f..b26ec70c514d9 100644
--- a/frontend/src/scenes/project-homepage/ProjectHomepage.tsx
+++ b/frontend/src/scenes/project-homepage/ProjectHomepage.tsx
@@ -8,7 +8,7 @@ import { Scene, SceneExport } from 'scenes/sceneTypes'
import { DashboardPlacement } from '~/types'
import { inviteLogic } from 'scenes/settings/organization/inviteLogic'
import { LemonDivider } from 'lib/lemon-ui/LemonDivider'
-import { IconCottage } from 'lib/lemon-ui/icons'
+import { IconHome } from '@posthog/icons'
import { projectHomepageLogic } from 'scenes/project-homepage/projectHomepageLogic'
import { LemonButton } from 'lib/lemon-ui/LemonButton'
import { RecentRecordings } from './RecentRecordings'
@@ -81,12 +81,12 @@ export function ProjectHomepage(): JSX.Element {