diff --git a/.gitea/workflows/lint.yaml b/.gitea/workflows/lint.yaml index 715e2b68..71d763d0 100644 --- a/.gitea/workflows/lint.yaml +++ b/.gitea/workflows/lint.yaml @@ -5,6 +5,7 @@ on: push: branches: - main + - staging jobs: lint: diff --git a/packages/frontend/index.html b/packages/frontend/index.html index 799bd444..6978bbaf 100644 --- a/packages/frontend/index.html +++ b/packages/frontend/index.html @@ -1,19 +1,21 @@ - + - + - - - - - Snowball + Laconic + + +
diff --git a/packages/frontend/public/android-chrome-192x192.png b/packages/frontend/public/android-chrome-192x192.png deleted file mode 100644 index eed80a70..00000000 Binary files a/packages/frontend/public/android-chrome-192x192.png and /dev/null differ diff --git a/packages/frontend/public/android-chrome-512x512.png b/packages/frontend/public/android-chrome-512x512.png deleted file mode 100644 index 72537543..00000000 Binary files a/packages/frontend/public/android-chrome-512x512.png and /dev/null differ diff --git a/packages/frontend/public/apple-touch-icon.png b/packages/frontend/public/apple-touch-icon.png deleted file mode 100644 index ac30fad2..00000000 Binary files a/packages/frontend/public/apple-touch-icon.png and /dev/null differ diff --git a/packages/frontend/public/favicon-16x16.png b/packages/frontend/public/favicon-16x16.png deleted file mode 100644 index 5e9d7cf8..00000000 Binary files a/packages/frontend/public/favicon-16x16.png and /dev/null differ diff --git a/packages/frontend/public/favicon-32x32.png b/packages/frontend/public/favicon-32x32.png deleted file mode 100644 index 33a57714..00000000 Binary files a/packages/frontend/public/favicon-32x32.png and /dev/null differ diff --git a/packages/frontend/public/favicon.ico b/packages/frontend/public/favicon.ico index 154390ed..ebae81e9 100644 Binary files a/packages/frontend/public/favicon.ico and b/packages/frontend/public/favicon.ico differ diff --git a/packages/frontend/public/laconic-logo.svg b/packages/frontend/public/laconic-logo.svg new file mode 100644 index 00000000..526d9b28 --- /dev/null +++ b/packages/frontend/public/laconic-logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/frontend/public/logo.svg b/packages/frontend/public/logo.svg index 3781af8a..2efbd79f 100644 --- a/packages/frontend/public/logo.svg +++ b/packages/frontend/public/logo.svg @@ -1 +1,10 @@ - + + + + + + + + + + diff --git a/packages/frontend/public/mstile-144x144.png b/packages/frontend/public/mstile-144x144.png deleted file mode 100644 index a71f14e2..00000000 Binary files a/packages/frontend/public/mstile-144x144.png and /dev/null differ diff --git a/packages/frontend/public/mstile-150x150.png b/packages/frontend/public/mstile-150x150.png deleted file mode 100644 index 44adb555..00000000 Binary files a/packages/frontend/public/mstile-150x150.png and /dev/null differ diff --git a/packages/frontend/public/mstile-310x150.png b/packages/frontend/public/mstile-310x150.png deleted file mode 100644 index 771feff6..00000000 Binary files a/packages/frontend/public/mstile-310x150.png and /dev/null differ diff --git a/packages/frontend/public/mstile-310x310.png b/packages/frontend/public/mstile-310x310.png deleted file mode 100644 index deab4f4e..00000000 Binary files a/packages/frontend/public/mstile-310x310.png and /dev/null differ diff --git a/packages/frontend/public/mstile-70x70.png b/packages/frontend/public/mstile-70x70.png deleted file mode 100644 index e9681f32..00000000 Binary files a/packages/frontend/public/mstile-70x70.png and /dev/null differ diff --git a/packages/frontend/public/site.webmanifest b/packages/frontend/public/site.webmanifest index 930233c3..582f3473 100644 --- a/packages/frontend/public/site.webmanifest +++ b/packages/frontend/public/site.webmanifest @@ -1,5 +1,5 @@ { - "name": "Snowball Tools Dashboard", + "name": "Laconic Tools Dashboard", "short_name": "snowball tools", "icons": [ { diff --git a/packages/frontend/src/components/Logo.tsx b/packages/frontend/src/components/Logo.tsx index 6b6d8131..f4957f14 100644 --- a/packages/frontend/src/components/Logo.tsx +++ b/packages/frontend/src/components/Logo.tsx @@ -1,5 +1,4 @@ import { Link } from 'react-router-dom'; -import { Heading } from './shared/Heading'; interface LogoProps { orgSlug?: string; @@ -9,14 +8,7 @@ export const Logo = ({ orgSlug }: LogoProps) => { return (
- Snowball Logo - - Snowball - + Snowball Logo
); diff --git a/packages/frontend/src/components/SearchBar.tsx b/packages/frontend/src/components/SearchBar.tsx index af369271..23bed3fb 100644 --- a/packages/frontend/src/components/SearchBar.tsx +++ b/packages/frontend/src/components/SearchBar.tsx @@ -10,7 +10,7 @@ const SearchBar: React.ForwardRefRenderFunction< return (
} + leftIcon={} onChange={onChange} value={value} type="search" diff --git a/packages/frontend/src/components/Stepper.tsx b/packages/frontend/src/components/Stepper.tsx index 0c866202..31e7e717 100644 --- a/packages/frontend/src/components/Stepper.tsx +++ b/packages/frontend/src/components/Stepper.tsx @@ -24,8 +24,8 @@ const Stepper = ({ activeStep, stepperValues }: StepperProps) => {
{stepperValue.label} diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts index 117a2cde..db96fc91 100644 --- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts +++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts @@ -4,7 +4,9 @@ export const projectCardTheme = tv({ slots: { wrapper: [ 'bg-surface-card', + 'dark:bg-overlay2', 'shadow-card', + 'dark:shadow-background', 'rounded-2xl', 'flex', 'flex-col', @@ -17,10 +19,16 @@ export const projectCardTheme = tv({ 'text-sm', 'font-medium', 'text-elements-high-em', + 'dark:text-foreground', 'tracking-[-0.006em]', 'truncate', ], - description: ['text-xs', 'text-elements-low-em', 'truncate'], + description: [ + 'text-xs', + 'text-elements-low-em', + 'dark:text-foreground-secondary', + 'truncate', + ], icons: ['flex', 'items-center', 'gap-1'], lowerContent: [ 'transition-colors', @@ -32,6 +40,7 @@ export const projectCardTheme = tv({ 'gap-2', 'rounded-b-2xl', 'group-hover:bg-surface-card-hovered', + 'dark:group-hover:bg-overlay3', ], latestDeployment: ['flex', 'items-center', 'gap-2'], deploymentStatusContainer: [ @@ -42,10 +51,15 @@ export const projectCardTheme = tv({ 'justify-center', ], deploymentStatus: ['w-1', 'h-1', 'rounded-full'], - deploymentName: ['text-xs', 'text-elements-low-em'], + deploymentName: [ + 'text-xs', + 'text-elements-low-em', + 'dark:text-foreground-secondary', + ], deploymentText: [ 'text-xs', 'text-elements-low-em', + 'dark:text-foreground-secondary', 'font-mono', 'flex', 'items-center', @@ -53,9 +67,11 @@ export const projectCardTheme = tv({ ], wavyBorder: [ 'bg-surface-card', + 'dark:bg-background', 'transition-colors', 'duration-150', 'group-hover:bg-surface-card-hovered', + 'dark:group-hover:bg-overlay2', ], }, variants: { @@ -67,7 +83,7 @@ export const projectCardTheme = tv({ deploymentStatus: ['bg-orange-400'], }, failure: { - deploymentStatus: ['bg-rose-500'], + deploymentStatus: ['bg-error'], }, pending: { deploymentStatus: ['bg-gray-500'], diff --git a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx index e1987d2c..c7798279 100644 --- a/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx +++ b/packages/frontend/src/components/projects/ProjectCard/ProjectCard.tsx @@ -88,7 +88,7 @@ export const ProjectCard = ({
{/* Icons */}
- {hasError && } + {hasError && } - - + + Project settings Delete project diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx index df3b09b2..465b833d 100644 --- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx +++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBar.tsx @@ -59,12 +59,12 @@ export const ProjectSearchBar = ({ onChange }: ProjectSearchBarProps) => { }, [fetchProjects, debouncedInputValue]); return ( -
+
diff --git a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx index 74c4d033..b901cec0 100644 --- a/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx +++ b/packages/frontend/src/components/projects/ProjectSearchBar/ProjectSearchBarEmpty.tsx @@ -13,10 +13,10 @@ export const ProjectSearchBarEmpty = ({ {...props} className={cn('flex items-center px-2 py-2 gap-3', className)} > -
+
-

+

No projects matching this name

diff --git a/packages/frontend/src/components/projects/create/Configure.tsx b/packages/frontend/src/components/projects/create/Configure.tsx index 3685db1f..4dae836b 100644 --- a/packages/frontend/src/components/projects/create/Configure.tsx +++ b/packages/frontend/src/components/projects/create/Configure.tsx @@ -379,7 +379,10 @@ const Configure = () => { Configure deployment - + The app can be deployed by setting the deployer LRN for a single deployment or by creating a deployer auction for multiple deployments @@ -400,6 +403,7 @@ const Configure = () => { onChange={(event) => onChange(event.target.value)} size="small" displayEmpty + className="dark:bg-overlay2 dark:text-foreground" sx={{ fontFamily: 'inherit', '& .MuiOutlinedInput-notchedOutline': { @@ -419,7 +423,7 @@ const Configure = () => {
The app will be deployed by the configured deployer @@ -429,7 +433,7 @@ const Configure = () => { rules={{ required: true }} render={({ field: { value, onChange }, fieldState }) => ( - + Select deployer LRN - @@ -191,21 +191,21 @@ const GitTabPanel = () => { className="space-y-3" > -

+

{' '} Webhooks configured to trigger when there is a change in a project's build or deployment status.

-

+

Webhook URL

-
diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx index c63efb17..6ad7f445 100644 --- a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx +++ b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/Config.tsx @@ -102,9 +102,10 @@ const Config = () => { className="w-fit" onClick={handleSubmitDomain} variant="primary" + shape="default" rightIcon={} > - Finish + FINISH ); diff --git a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/index.tsx b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/index.tsx index 12afcc96..558d2dc7 100644 --- a/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/index.tsx +++ b/packages/frontend/src/pages/org-slug/projects/id/settings/domains/add/index.tsx @@ -33,19 +33,29 @@ const AddDomain = () => { return (
- Add Domain + + Add Domain + - + X
-
+
- ^ - + + ^ + + Project Name
diff --git a/packages/frontend/tailwind.config.js b/packages/frontend/tailwind.config.js index f561b2c6..f3adf49e 100644 --- a/packages/frontend/tailwind.config.js +++ b/packages/frontend/tailwind.config.js @@ -9,6 +9,17 @@ export default withMT({ '../../node_modules/@snowballtools/material-tailwind-react-fork/theme/components/**/*.{js,ts,jsx,tsx}', ], theme: { + colors: { + background: '#0F0F0F', + overlay: '#18181A', + overlay2: '#29292E', + overlay3: '#48474F', + primary: '#0000F4', + 'primary-hovered': '#0000F4AA', + foreground: '#FBFBFB', + 'foreground-secondary': '#8E8E8E', + error: '#B20710', + }, extend: { screens: { xxs: '400px', @@ -20,7 +31,7 @@ export default withMT({ fontFamily: { sans: ['Inter', 'sans-serif'], display: ['Inter Display', 'sans-serif'], - mono: ['JetBrains Mono', 'monospace'], + mono: ['DM Mono', 'monospace'], }, fontSize: { '2xs': '0.625rem',