diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx index a4013f49f7..a281d47148 100644 --- a/src/renderer/components/+extensions/extensions.tsx +++ b/src/renderer/components/+extensions/extensions.tsx @@ -44,7 +44,6 @@ import { noop, readFileFromTar, } from "../../../common/utils"; -import { docsUrl } from "../../../common/vars"; import { ExtensionDiscovery, InstalledExtension, manifestFilename } from "../../../extensions/extension-discovery"; import { ExtensionLoader } from "../../../extensions/extension-loader"; import { @@ -64,6 +63,7 @@ import { Spinner } from "../spinner/spinner"; import { ExtensionInstallationState, ExtensionInstallationStateStore } from "./extension-install.store"; import { Install } from "./install"; import { InstalledExtensions } from "./installed-extensions"; +import { Notice } from "./notice"; function getMessageFromError(error: any): string { if (!error || typeof error !== "object") { @@ -594,10 +594,8 @@ export class Extensions extends React.Component {

Extensions

- {/*
- Add new features and functionality via Lens Extensions. - Check out documentation to learn more or see the list of available extensions. -
*/} + + +

+ Add new features via Lens Extensions.{" "} + Check out docs{" "} + and list of available extensions. +

+ + ); +} diff --git a/src/renderer/themes/lens-dark.json b/src/renderer/themes/lens-dark.json index f96eb81453..8eff972d9b 100644 --- a/src/renderer/themes/lens-dark.json +++ b/src/renderer/themes/lens-dark.json @@ -129,6 +129,7 @@ "navSelectedBackground": "#262b2e", "navHoverColor": "#dcddde", "hrColor": "#ffffff0f", - "tooltipBackground": "#18191c" + "tooltipBackground": "#18191c", + "noticeBackground": "#00000045" } } diff --git a/src/renderer/themes/lens-light.json b/src/renderer/themes/lens-light.json index d3b5938de3..a19d4fac83 100644 --- a/src/renderer/themes/lens-light.json +++ b/src/renderer/themes/lens-light.json @@ -131,6 +131,7 @@ "navSelectedBackground": "#ffffff", "navHoverColor": "#2e3135", "hrColor": "#06060714", - "tooltipBackground": "#ffffff" + "tooltipBackground": "#ffffff", + "noticeBackground": "#e3e5e8" } }