mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-07-30 17:59:13 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix bold text color in editor that was too contrasting

Browse Source
This commit is contained in:
MartinBraquet
2026-06-05 13:49:04 +02:00
parent bf43bf1503
commit aa145dab92
3 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/components/widgets/editor.tsx
View File

@@ -72,6 +72,7 @@ const proseClass = (size: 'sm' | 'md' | 'lg') =>
size !== 'lg' && 'prose-p:my-0 prose-ul:my-0 prose-ol:my-0 prose-li:my-0',
'[&>p]:prose-li:my-0',
'prose-h1:text-ink-900 prose-h2:text-ink-900 prose-h3:text-ink-900',
'prose-strong:font-bold prose-strong:text-ink-700',
'text-ink-600 prose-blockquote:text-teal-700 ',
'break-anywhere',
)

2
web/components/widgets/subtitle.tsx
View File

@@ -5,7 +5,7 @@ export function Subtitle(props: {children: React.ReactNode; className?: string})
return (
<h2
className={clsx(
'text-ink-700 mb-2 mt-6 inline-block text-lg sm:mb-2 sm:mt-6 sm:text-2xl',
'text-ink-900 mb-2 mt-6 inline-block text-lg sm:mb-2 sm:mt-6 sm:text-2xl',
className,
)}
>

14
web/styles/globals.css
View File

@@ -101,9 +101,10 @@
--grid-stroke: rgb(232 213 188); /* canvas-200 */
/* Ink - Text Colors */
--color-ink-900: 30 26 20; /* Deep Warm Black (#1E1A14) */
--color-ink-500: 140 128 112; /* Muted Warm Gray (#8C8070) */
--color-ink-600: 120 108 92;
--color-ink-700: 100 88 72;
--color-ink-900: 30 26 20; /* Deep Warm Black (#1E1A14) */
/* Green - Accents */
--color-green-200: #f0faf3;
@@ -141,7 +142,7 @@
--color-ink-400: 160 160 160;
/*--color-ink-500: 80 80 80;*/
/*--color-ink-600: 0 0 0;*/
--color-ink-700: 0 0 0;
/*--color-ink-700: 0 0 0;*/
--color-ink-800: 0 0 0;
/*--color-ink-900: 0 0 0;*/
--color-ink-950: 0 0 0;
@@ -218,10 +219,11 @@
--grid-stroke: rgb(68 52 34); /* canvas-900 */
/* Ink - Text becomes light */
--color-ink-950: 255 255 255; /* Purest highlight */
--color-ink-900: 247 244 239; /* Main Body Text (Old Card color) */
--color-ink-500: 176 160 140; /* Muted Text - shifted to warm tan */
--color-ink-600: 156 140 120;
--color-ink-600: 186 170 150;
--color-ink-700: 206 190 170;
--color-ink-900: 247 244 239; /* Main Body Text (Old Card color) */
--color-ink-950: 255 255 255; /* Purest highlight */
/* Button background — barely-there dark green surface */
--color-green-200: 32 54 38;
@@ -234,7 +236,7 @@
/*--color-ink-950: 255 255 255;*/
/*--color-ink-900: 255 255 255;*/
--color-ink-800: 255 255 255;
--color-ink-700: 255 255 255;
/*--color-ink-700: 255 255 255;*/
/*--color-ink-600: 255 255 255;*/
/*--color-ink-500: 200 200 200;*/
--color-ink-400: 100 100 100;