awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-09-22 13:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: update info color value and update documentation link badge styling

Browse Source
This commit is contained in:
Scott Wilson
2025-11-21 12:32:22 -08:00
parent 40ae5c8b3f
commit 4be7005800
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/v3/platform/DocumentationLinkBadge/DocumentationLinkBadge.tsx
View File

@@ -1,4 +1,4 @@
import { BookOpenIcon } from "lucide-react"; import { ExternalLinkIcon } from "lucide-react";
import { Badge } from "@app/components/v3"; import { Badge } from "@app/components/v3";
@@ -8,10 +8,10 @@ type TDocumentationLinkBadgeProps = {
export function DocumentationLinkBadge({ href }: TDocumentationLinkBadgeProps) { export function DocumentationLinkBadge({ href }: TDocumentationLinkBadgeProps) {
return ( return (
<Badge variant="neutral" asChild> <Badge variant="info" asChild>
<a href={href} target="_blank" rel="noopener noreferrer"> <a href={href} target="_blank" rel="noopener noreferrer">
<BookOpenIcon />
Documentation Documentation
<ExternalLinkIcon />
</a> </a>
</Badge> </Badge>
); );

20
frontend/src/index.css
View File

@@ -29,11 +29,11 @@
} }
:root { :root {
font-family: var(--font-inter); font-family: var(--font-inter);
--foreground: oklch(0.985 0 0); --foreground: oklch(0.985 0 0);
--background: oklch(0.145 0 0); --background: oklch(0.145 0 0);
--toastify-color-dark: var(--color-mineshaft-700); --toastify-color-dark: var(--color-mineshaft-700);
} }
@theme { @theme {
@@ -45,16 +45,16 @@
--color-background: #19191c; --color-background: #19191c;
--color-foreground: white; --color-foreground: white;
--color-success: #2ecc71; --color-success: #2ecc71;
--color-info: #34c2db; --color-info: #63b0bd;
--color-warning: #f1c40f; --color-warning: #f1c40f;
--color-danger: #e74c3c; --color-danger: #e74c3c;
--color-org: #30B3FF; --color-org: #30b3ff;
--color-sub-org: #96ff59; --color-sub-org: #96ff59;
--color-project: #e0ed34; --color-project: #e0ed34;
--color-neutral: #adaeb0; --color-neutral: #adaeb0;
/*legacy color schema */ /*legacy color schema */
--color-org-v1: #30B3FF; --color-org-v1: #30b3ff;
--color-namespace-v1: #96ff59; --color-namespace-v1: #96ff59;
/* Primary */ /* Primary */
@@ -418,15 +418,15 @@
} }
.Toastify__toast { .Toastify__toast {
@apply rounded-md; @apply rounded-md;
} }
.Toastify__toast-body { .Toastify__toast-body {
@apply items-start; @apply items-start;
} }
.Toastify__toast-icon { .Toastify__toast-icon {
@apply w-4 pt-1; @apply w-4 pt-1;
} }
.tags-conic-bg { .tags-conic-bg {