apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-04-25 00:16:29 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

- slightly darker dark theme

Browse source 
- text selection will now use the OS default
This commit is contained in:
tusharmagar 2026-04-09 21:41:16 +05:30
parent 1b083611b4
commit cc0602c234
2 changed files with 22 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

44
apps/x/apps/renderer/src/App.css
View file

@ -147,40 +147,40 @@
* Warm charcoal surfaces + warm steel-blue accent + silver text * Warm charcoal surfaces + warm steel-blue accent + silver text
* Blue shifted to ~230° hue so it harmonizes with warm backgrounds * Blue shifted to ~230° hue so it harmonizes with warm backgrounds
*/ */
--background: var(--bg-color, oklch(0.308 0.004 220)); /* main content — cooled charcoal */ --background: var(--bg-color, oklch(0.240 0.004 220)); /* main content — rich dark */
--foreground: var(--text-color, oklch(0.907 0.004 230)); /* silver text — slight cool tint */ --foreground: var(--text-color, oklch(0.907 0.004 230)); /* silver text */
--card: var(--bg-color, oklch(0.236 0.003 220)); /* cards / bubbles */ --card: var(--bg-color, oklch(0.175 0.003 220)); /* cards / bubbles — deep */
--card-foreground: var(--text-color, oklch(0.907 0.004 230)); --card-foreground: var(--text-color, oklch(0.907 0.004 230));
--popover: var(--bg-color, oklch(0.285 0.004 220)); /* popovers */ --popover: var(--bg-color, oklch(0.220 0.004 220)); /* popovers */
--popover-foreground: var(--text-color, oklch(0.907 0.004 230)); --popover-foreground: var(--text-color, oklch(0.907 0.004 230));
--primary: var(--main-color, oklch(0.617 0.063 233)); /* #5E8CA5 — fjord blue */ --primary: var(--main-color, oklch(0.617 0.063 233)); /* fjord blue */
--primary-foreground: var(--bg-color, oklch(0.191 0.002 107)); /* #141413 */ --primary-foreground: var(--bg-color, oklch(0.130 0.003 220));
--secondary: var(--sub-alt-color, oklch(0.334 0.004 220)); --secondary: var(--sub-alt-color, oklch(0.270 0.004 220));
--secondary-foreground: var(--text-color, oklch(0.907 0.004 230)); --secondary-foreground: var(--text-color, oklch(0.907 0.004 230));
--muted: var(--sub-alt-color, oklch(0.334 0.004 220)); --muted: var(--sub-alt-color, oklch(0.270 0.004 220));
--muted-foreground: var(--sub-color, oklch(0.682 0.010 230)); /* cool muted text (4.6:1) */ --muted-foreground: var(--sub-color, oklch(0.600 0.010 230)); /* cool muted text */
--accent: var(--sub-color, oklch(0.334 0.004 220)); --accent: var(--sub-color, oklch(0.270 0.004 220));
--accent-foreground: var(--text-color, oklch(0.907 0.004 230)); --accent-foreground: var(--text-color, oklch(0.907 0.004 230));
--destructive: var(--error-color, oklch(0.672 0.143 30)); /* #E07060 — warm coral */ --destructive: var(--error-color, oklch(0.672 0.143 30)); /* warm coral */
--border: var(--sub-alt-color, oklch(0.349 0.004 220)); /* cooled border */ --border: var(--sub-alt-color, oklch(0.290 0.004 220)); /* border */
--input: var(--sub-alt-color, oklch(0.381 0.005 220)); /* cooled input border */ --input: var(--sub-alt-color, oklch(0.320 0.005 220)); /* input border */
--ring: var(--main-color, oklch(0.712 0.060 228)); /* #7AAAC0 — light steel ring */ --ring: var(--main-color, oklch(0.712 0.060 228)); /* light steel ring */
--chart-1: oklch(0.617 0.063 233); /* fjord blue */ --chart-1: oklch(0.617 0.063 233); /* fjord blue */
--chart-2: oklch(0.674 0.072 190); /* teal */ --chart-2: oklch(0.674 0.072 190); /* teal */
--chart-3: oklch(0.698 0.091 68); /* warm amber */ --chart-3: oklch(0.698 0.091 68); /* warm amber */
--chart-4: oklch(0.613 0.082 20); /* dusty rose */ --chart-4: oklch(0.613 0.082 20); /* dusty rose */
--chart-5: oklch(0.650 0.073 137); /* sage */ --chart-5: oklch(0.650 0.073 137); /* sage */
--sidebar: var(--bg-color, oklch(0.261 0.004 220)); /* sidebar — cooled */ --sidebar: var(--bg-color, oklch(0.200 0.004 220)); /* sidebar — darker */
--sidebar-foreground: var(--text-color, oklch(0.907 0.004 230)); --sidebar-foreground: var(--text-color, oklch(0.907 0.004 230));
--sidebar-primary: var(--main-color, oklch(0.617 0.063 233)); /* fjord blue — active items */ --sidebar-primary: var(--main-color, oklch(0.617 0.063 233)); /* fjord blue */
--sidebar-primary-foreground: var(--bg-color, oklch(0.191 0.002 107)); --sidebar-primary-foreground: var(--bg-color, oklch(0.130 0.003 220));
--sidebar-accent: var(--sub-color, oklch(0.191 0.003 220)); /* selected item — cooled */ --sidebar-accent: var(--sub-color, oklch(0.140 0.003 220)); /* selected item — deepest */
--sidebar-accent-foreground: var(--text-color, oklch(0.907 0.004 230)); --sidebar-accent-foreground: var(--text-color, oklch(0.907 0.004 230));
--sidebar-border: var(--sub-alt-color, oklch(0.349 0.004 220)); --sidebar-border: var(--sub-alt-color, oklch(0.290 0.004 220));
--sidebar-ring: var(--main-color, oklch(0.712 0.060 228)); --sidebar-ring: var(--main-color, oklch(0.712 0.060 228));
--scrollbar-track: oklch(0.285 0.004 220); --scrollbar-track: oklch(0.220 0.004 220);
--scrollbar-thumb: oklch(0.400 0.004 220); --scrollbar-thumb: oklch(0.340 0.004 220);
--scrollbar-thumb-hover: oklch(0.448 0.005 220); --scrollbar-thumb-hover: oklch(0.400 0.005 220);
} }
@layer base { @layer base {

6
apps/x/apps/renderer/src/styles/editor.css
View file

@ -219,12 +219,6 @@
margin-left: 1.5em; margin-left: 1.5em;
} }
/* Selection */
.tiptap-editor .ProseMirror ::selection {
background-color: var(--ring);
color: var(--background);
}
/* Toolbar */ /* Toolbar */
.editor-toolbar { .editor-toolbar {
display: flex; display: flex;