jcoffey-dev
3a33f3d514
Publishing the source is what asks for it: a modified version has to carry prominent notices saying it was modified, with a date. These files already added a Coffey Labs copyright line beside upstream's, which implies as much without saying it; now they say it. 38 files, found by diffing against the merge base with upstream rather than by guessing. Upstream's own notices are untouched. The build is unchanged.
182 lines
4.1 KiB
CSS
182 lines
4.1 KiB
CSS
/*
|
|
* SPDX-FileCopyrightText: 2020 Stalwart Labs LLC <[email protected]>
|
|
* SPDX-FileCopyrightText: 2026 Coffey Labs
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-SEL
|
|
*
|
|
* Modified by Coffey Labs in 2026 for INBUXA.
|
|
*/
|
|
|
|
@import 'tailwindcss';
|
|
@import './palettes.css';
|
|
|
|
:root {
|
|
/* INBUXA, light: warm paper, the mark's navy for text, its teal to act. */
|
|
--background: #fbfaf7;
|
|
--foreground: #16262f;
|
|
|
|
--card: #ffffff;
|
|
--card-foreground: #16262f;
|
|
|
|
--popover: #ffffff;
|
|
--popover-foreground: #16262f;
|
|
|
|
--content-background: #f4f1ea;
|
|
|
|
--primary: #0d8a82;
|
|
--primary-foreground: #ffffff;
|
|
|
|
--secondary: #efece5;
|
|
--secondary-foreground: #16262f;
|
|
|
|
--muted: #efece5;
|
|
--muted-foreground: #5f6b73;
|
|
|
|
--accent: #e1f4f1;
|
|
--accent-foreground: #0a5f59;
|
|
|
|
/* The cat's orange, for the few things that should feel warm. */
|
|
--highlight: #f59e3f;
|
|
--highlight-soft: #fdebd5;
|
|
|
|
--destructive: #d9383a;
|
|
--destructive-foreground: #ffffff;
|
|
|
|
--border: #e7e2d8;
|
|
--input: #ddd7cb;
|
|
--ring: #0d8a82;
|
|
|
|
--radius: 0.75rem;
|
|
--shadow-soft: 0 1px 2px rgb(22 38 47 / 0.04), 0 4px 16px rgb(22 38 47 / 0.05);
|
|
|
|
--chart-1: #0d8a82;
|
|
--chart-2: #f59e3f;
|
|
--chart-3: #1c4053;
|
|
--chart-4: #46cac3;
|
|
--chart-5: #b45309;
|
|
}
|
|
|
|
.dark {
|
|
/* INBUXA, dark: the lockup's own background, lifted surfaces, bright teal. */
|
|
--background: #0e1c26;
|
|
--foreground: #e7eef2;
|
|
|
|
--card: #132633;
|
|
--card-foreground: #e7eef2;
|
|
|
|
--popover: #152a38;
|
|
--popover-foreground: #e7eef2;
|
|
|
|
--content-background: #0b1720;
|
|
|
|
--primary: #46cac3;
|
|
--primary-foreground: #062a28;
|
|
|
|
--secondary: #1a3140;
|
|
--secondary-foreground: #e7eef2;
|
|
|
|
--muted: #1a3140;
|
|
--muted-foreground: #93a8b6;
|
|
|
|
--accent: #133d40;
|
|
--accent-foreground: #9ff0e9;
|
|
|
|
--highlight: #f9a34c;
|
|
--highlight-soft: #3a2a18;
|
|
|
|
--destructive: #f87171;
|
|
--destructive-foreground: #0b1720;
|
|
|
|
--border: #1f3847;
|
|
--input: #274455;
|
|
--ring: #46cac3;
|
|
|
|
--shadow-soft: 0 1px 2px rgb(0 0 0 / 0.25), 0 6px 20px rgb(0 0 0 / 0.2);
|
|
|
|
--chart-1: #46cac3;
|
|
--chart-2: #f9a34c;
|
|
--chart-3: #9fc2d6;
|
|
--chart-4: #67e8f9;
|
|
--chart-5: #fbbf24;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--color-content-background: var(--content-background);
|
|
|
|
--color-card: var(--card);
|
|
--color-card-foreground: var(--card-foreground);
|
|
|
|
--color-popover: var(--popover);
|
|
--color-popover-foreground: var(--popover-foreground);
|
|
|
|
--color-primary: var(--primary);
|
|
--color-primary-foreground: var(--primary-foreground);
|
|
|
|
--color-secondary: var(--secondary);
|
|
--color-secondary-foreground: var(--secondary-foreground);
|
|
|
|
--color-muted: var(--muted);
|
|
--color-muted-foreground: var(--muted-foreground);
|
|
|
|
--color-accent: var(--accent);
|
|
--color-accent-foreground: var(--accent-foreground);
|
|
|
|
--color-highlight: var(--highlight);
|
|
--color-highlight-soft: var(--highlight-soft);
|
|
|
|
--color-destructive: var(--destructive);
|
|
--color-destructive-foreground: var(--destructive-foreground);
|
|
|
|
--color-border: var(--border);
|
|
--color-input: var(--input);
|
|
--color-ring: var(--ring);
|
|
|
|
--color-chart-1: var(--chart-1);
|
|
--color-chart-2: var(--chart-2);
|
|
--color-chart-3: var(--chart-3);
|
|
--color-chart-4: var(--chart-4);
|
|
--color-chart-5: var(--chart-5);
|
|
|
|
--radius-sm: calc(var(--radius) - 4px);
|
|
--radius-md: calc(var(--radius) - 2px);
|
|
--radius-lg: var(--radius);
|
|
--radius-xl: calc(var(--radius) + 4px);
|
|
|
|
--font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif;
|
|
--font-display: 'Space Grotesk Variable', 'Inter Variable', ui-sans-serif, system-ui, sans-serif;
|
|
--shadow-soft: var(--shadow-soft);
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
|
|
body {
|
|
@apply bg-background text-foreground antialiased;
|
|
font-feature-settings: 'cv11', 'ss01';
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
font-family: var(--font-display);
|
|
letter-spacing: -0.015em;
|
|
}
|
|
|
|
::selection {
|
|
background: color-mix(in oklab, var(--primary) 30%, transparent);
|
|
}
|
|
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent) transparent;
|
|
}
|
|
}
|
|
|
|
.dark input[type='number'] {
|
|
color-scheme: dark;
|
|
}
|