BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Major UI refresh: sidebar redesign, theme expansion, and chat performance optimizations (#706)

Browse Source 
## Summary
Complete sidebar redesign and comprehensive UI polish pass with performance optimizations, theme system refinements, and desktop integration improvements.

## Key Changes

**Sidebar & Navigation Redesign**
- Redesigned sessions sidebar layout with unified button primitives
- Added activity sections with project grouping and improved session organization
- Refined sidebar corners, spacing, and visual hierarchy
- Removed NavRail component in favor of streamlined sidebar
- Stabilized sessions bar toggle position in fullscreen mode

**Performance Optimizations**
- Reduced chat streaming CPU usage and storage churn
- Optimized task tool polling and live timers with debouncing
- Prevented chat state races and reduced background request load
- Debounced draft writes and coalesced session reloads
- Optimized message store updates and turn tracking

**Theme & Visual System**
- Added theme-aware window corners (desktop) and border radius tokens
- Introduced glassmorphism effects on desktop sidebar
- Added backdrop blur to UI elements

**Chat Experience**
- Added session-based permission auto-accept toggle in chat input
- Polished permission shield UX with improved icon sizing and spacing
- Fixed chat scroll-to-bottom behavior and timeline tracking
- Enhanced tool output display with better path label detection
- Removed duplicate draft context details in chat header
- Added text selection menu to chat messages

**Git Improvements**
- Refreshed git history visual design with cleaner dividers
- Added remote removal action in sync selector
- Stabilized git polling to prevent excessive requests
- Improved tool output rendering for git operations

**Settings & Panels**
- Fixed mobile scrolling on settings pages
- Made outside-click settings close instantly
- Reduced settings load churn and CPU spikes
- Improved services dropdown layout and spacing
- Softened panel resize handles

**Desktop Integration**
- Synced macOS window theme with app theme
- Restored window dragging in sidebar header zones
- Fixed system window corners on macOS
- Improved header session metadata and action controls

**Button & Component Standardization**
- Unified button primitives across all components
- Standardized destructive action patterns
- Removed unused button variants (button-large, button-small)
- Aligned context tab close hit areas

---------

Co-authored-by: Iuliia Ivashko <yulia.ivashko@gmail.com>
This commit is contained in:
Bohdan Triapitsyn
2026-03-20 01:01:03 +02:00
committed by GitHub
co-authored by Iuliia Ivashko
parent 359879153a
commit 321cc7252a
222 changed files with 8575 additions and 5456 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/lib/theme/cssGenerator.ts
+2 -2
View File
@@ -125,8 +125,8 @@ export class CSSVariableGenerator {
vars.push(` --sidebar-ring: ${theme.colors.interactive.focusRing} !important;`);
const isDark = theme.metadata.variant === 'dark';
const strongAlpha = isDark ? 0.8 : 0.95;
const softAlpha = isDark ? 0.7 : 0.9;
const strongAlpha = isDark ? 0.35 : 0.75;
const softAlpha = isDark ? 0.2 : 0.6;
if (sidebarBaseRgb) {
vars.push(
packages/ui/src/lib/theme/themes/amoled-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#000000",
"foreground": "#ffffff",
"muted": "#111111",
"muted": "#11111190",
"mutedForeground": "#dbdbdb",
"elevated": "#0a0a0a",
"elevated": "#0a0a0a90",
"elevatedForeground": "#ffffff",
"overlay": "#000000cc",
"subtle": "#111111"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/amoled-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#f1f1f1",
"foreground": "#0a0a0a",
"muted": "#e3e3e3",
"muted": "#e3e3e390",
"mutedForeground": "#232323",
"elevated": "#eaeaea",
"elevated": "#eaeaea90",
"elevatedForeground": "#0a0a0a",
"overlay": "#f1f1f133",
"subtle": "#e3e3e3"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/aura-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#15141B",
"foreground": "#EDECEE",
"muted": "#1A1921",
"muted": "#1A192190",
"mutedForeground": "#8a8282",
"elevated": "#201e2b",
"elevated": "#201e2b90",
"elevatedForeground": "#EDECEE",
"overlay": "#FFFFFF20",
"subtle": "#25232f"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/aura-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#F5F0FF",
"foreground": "#2D2640",
"muted": "#EFE8FC",
"muted": "#EFE8FC90",
"mutedForeground": "#807b8b",
"elevated": "#f1ebfb",
"elevated": "#f1ebfb90",
"elevatedForeground": "#2D2640",
"overlay": "#15101F20",
"subtle": "#EFE8FC"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/ayu-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#0F1419",
"foreground": "#D6DAE0",
"muted": "#18222C",
"muted": "#18222C90",
"mutedForeground": "#777e86",
"elevated": "#17202a",
"elevated": "#17202a90",
"elevatedForeground": "#D6DAE0",
"overlay": "#FBFBFD20",
"subtle": "#1e252d"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/ayu-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FDFAF4",
"foreground": "#394049",
"muted": "#f7f3eb",
"muted": "#f7f3eb90",
"mutedForeground": "#777e87",
"elevated": "#faf6ed",
"elevated": "#faf6ed90",
"elevatedForeground": "#4F5964",
"overlay": "#1B232B20",
"subtle": "#FFF7E5"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/carbonfox-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#161616",
"foreground": "#F2F4F8",
"muted": "#222222",
"muted": "#22222290",
"mutedForeground": "#8b8a8a",
"elevated": "#222222",
"elevated": "#22222290",
"elevatedForeground": "#F2F4F8",
"overlay": "#FFFFFF20",
"subtle": "#292828"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/carbonfox-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FFFFFF",
"foreground": "#161616",
"muted": "#F4F4F4",
"muted": "#F4F4F490",
"mutedForeground": "#868585",
"elevated": "#f4f4f7",
"elevated": "#f4f4f790",
"elevatedForeground": "#161616",
"overlay": "#00000020",
"subtle": "#f2f2f8"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/catppuccin-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#1E1E2E",
"foreground": "#CDD6F4",
"muted": "#2a273b",
"muted": "#2a273b90",
"mutedForeground": "#969cb1",
"elevated": "#282841",
"elevated": "#28284190",
"elevatedForeground": "#CDD6F4",
"overlay": "#F4F2FF20",
"subtle": "#2f2f50"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/catppuccin-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#fff6f4",
"foreground": "#2e314a",
"muted": "#f8ebe9",
"muted": "#f8ebe990",
"mutedForeground": "#888992",
"elevated": "#fbefea",
"elevated": "#fbefea90",
"elevatedForeground": "#4C4F69",
"overlay": "#1F1F2A20",
"subtle": "#FDEEEE"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/cursor-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#0e0e0e",
"foreground": "#e4e4e4",
"muted": "#141414",
"muted": "#1c1c1c90",
"mutedForeground": "#e4e4e45e",
"elevated": "#161616",
"elevated": "#16161690",
"elevatedForeground": "#e4e4e4",
"overlay": "#0e0e0ecc",
"subtle": "#232323"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/cursor-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#fcfcfc",
"foreground": "#131313",
"muted": "#f1f1f1",
"muted": "#eeeeee90",
"mutedForeground": "#141414ad",
"elevated": "#f5f5f5",
"elevated": "#f5f5f590",
"elevatedForeground": "#131313",
"overlay": "#fcfcfc33",
"subtle": "#e5e5e5"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/dracula-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#14151F",
"foreground": "#F8F8F2",
"muted": "#181926",
"muted": "#18192690",
"mutedForeground": "#7c7e9c",
"elevated": "#161722",
"elevated": "#16172290",
"elevatedForeground": "#F8F8F2",
"overlay": "#FFFFFF20",
"subtle": "#222436"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/dracula-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#F8F8F2",
"foreground": "#1F1F2F",
"muted": "#eff1eb",
"muted": "#eff1eb90",
"mutedForeground": "#6c6c7a",
"elevated": "#eeeee5",
"elevated": "#eeeee590",
"elevatedForeground": "#1F1F2F",
"overlay": "#05040C20",
"subtle": "#edeee7"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/openchamber-dark.json → packages/ui/src/lib/theme/themes/fields-of-the-shire-dark.json
+8 -8
View File
@@ -1,8 +1,8 @@
{
"metadata": {
"id": "openchamber-dark",
"name": "OpenChamber",
"description": "OpenChamber brand theme - dark variant",
"name": "Fields of the Shire",
"description": "Fields of the Shire theme - dark variant",
"author": "OpenChamber",
"version": "1.0.0",
"variant": "dark",
@@ -20,9 +20,9 @@
"surface": {
"background": "#1b1815",
"foreground": "#ebe0d1",
"muted": "#23201c",
"muted": "#23201c90",
"mutedForeground": "#83796f",
"elevated": "#2b2622",
"elevated": "#2b262290",
"elevatedForeground": "#ebe0d1",
"overlay": "#1b1815cc",
"subtle": "#332d28"
@@ -169,10 +169,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/openchamber-light.json → packages/ui/src/lib/theme/themes/fields-of-the-shire-light.json
+8 -8
View File
@@ -1,8 +1,8 @@
{
"metadata": {
"id": "openchamber-light",
"name": "OpenChamber",
"description": "OpenChamber brand theme - light variant",
"name": "Fields of the Shire",
"description": "Fields of the Shire theme - light variant",
"author": "OpenChamber",
"version": "1.0.0",
"variant": "light",
@@ -20,9 +20,9 @@
"surface": {
"background": "#f9f5eb",
"foreground": "#1a1612",
"muted": "#f4efe3",
"muted": "#f4efe390",
"mutedForeground": "#5a5048",
"elevated": "#fcf9f0",
"elevated": "#fcf9f090",
"elevatedForeground": "#1a1612",
"overlay": "#1a161220",
"subtle": "#efe8da"
@@ -169,10 +169,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/flexoki-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#151313",
"foreground": "#CECDC3",
"muted": "#1C1B1A",
"muted": "#1C1B1A90",
"mutedForeground": "#807e79",
"elevated": "#1C1A19",
"elevated": "#1c1a1990",
"elevatedForeground": "#CECDC3",
"overlay": "#00000080",
"subtle": "#1e1d1c"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/flexoki-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FFFCF0",
"foreground": "#100F0F",
"muted": "#F2F0E5",
"muted": "#F2F0E590",
"mutedForeground": "#686663",
"elevated": "#fdf6ec",
"elevated": "#fdf6ec90",
"elevatedForeground": "#100F0F",
"overlay": "#100F0F20",
"subtle": "#F6F0E6"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/github-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#05080e",
"foreground": "#ccd4dc",
"muted": "#0a0e14",
"muted": "#12151b90",
"mutedForeground": "#8b949e",
"elevated": "#0c0f16",
"elevated": "#0c0f1690",
"elevatedForeground": "#ccd4dc",
"overlay": "#05080ecc",
"subtle": "#181c22"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/github-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#ffffff",
"foreground": "#1e2329",
"muted": "#f5f5f4",
"muted": "#f2f3f390",
"mutedForeground": "#57606a",
"elevated": "#f9f9f9",
"elevated": "#f9f9f990",
"elevatedForeground": "#1e2329",
"overlay": "#ffffff33",
"subtle": "#eaeaeb"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/gruvbox-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#282828",
"foreground": "#EBDBB2",
"muted": "#32302F",
"muted": "#32302F90",
"mutedForeground": "#918574",
"elevated": "#25292b",
"elevated": "#25292b90",
"elevatedForeground": "#EBDBB2",
"overlay": "#FBF1C720",
"subtle": "#3e3c3a"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/gruvbox-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FBF1C7",
"foreground": "#3C3836",
"muted": "#F2E5BC",
"muted": "#F2E5BC90",
"mutedForeground": "#7C6F64",
"elevated": "#efebcd",
"elevated": "#efebcd90",
"elevatedForeground": "#3C3836",
"overlay": "#28282820",
"subtle": "#FDF9E8"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/index.ts
+4 -4
View File
@@ -3,16 +3,16 @@ import { presetThemes } from './presets';
import { withPrColors } from './prColors';
import flexokiLightRaw from './flexoki-light.json';
import flexokiDarkRaw from './flexoki-dark.json';
import openchamberLightRaw from './openchamber-light.json';
import openchamberDarkRaw from './openchamber-dark.json';
import openchamberLightRaw from './fields-of-the-shire-light.json';
import openchamberDarkRaw from './fields-of-the-shire-dark.json';
export const flexokiLightTheme = withPrColors(flexokiLightRaw as Theme);
export const flexokiDarkTheme = withPrColors(flexokiDarkRaw as Theme);
export const openchamberLightTheme = withPrColors(openchamberLightRaw as Theme);
export const openchamberDarkTheme = withPrColors(openchamberDarkRaw as Theme);
export const DEFAULT_LIGHT_THEME_ID = 'openchamber-light' as const;
export const DEFAULT_DARK_THEME_ID = 'openchamber-dark' as const;
export const DEFAULT_LIGHT_THEME_ID = 'flexoki-light' as const;
export const DEFAULT_DARK_THEME_ID = 'flexoki-dark' as const;
export const themes: Theme[] = [
openchamberLightTheme,
packages/ui/src/lib/theme/themes/kanagawa-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#1F1F28",
"foreground": "#DCD7BA",
"muted": "#23232d",
"muted": "#23232d90",
"mutedForeground": "#7e7e77",
"elevated": "#2A2A37",
"elevated": "#2A2A3790",
"elevatedForeground": "#DCD7BA",
"overlay": "#16161DCC",
"subtle": "#2f2f3d"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/kanagawa-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#F2ECBC",
"foreground": "#545464",
"muted": "#E7DBA0",
"muted": "#E7DBA090",
"mutedForeground": "#6c6c67",
"elevated": "#eae4bf",
"elevated": "#eae4bf90",
"elevatedForeground": "#545464",
"overlay": "#54546433",
"subtle": "#f4fff0"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/lucent-orng-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#1a0c08",
"foreground": "#eeeeee",
"muted": "#21130e",
"muted": "#281b1790",
"mutedForeground": "#808080",
"elevated": "#221411",
"elevated": "#22141190",
"elevatedForeground": "#eeeeee",
"overlay": "#1a0c08cc",
"subtle": "#2f221f"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/lucent-orng-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#fef7f3",
"foreground": "#181818",
"muted": "#f3ece8",
"muted": "#f1eae690",
"mutedForeground": "#8a8a8a",
"elevated": "#f7f1ed",
"elevated": "#f7f1ed90",
"elevatedForeground": "#181818",
"overlay": "#fef7f333",
"subtle": "#e8e2de"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/mono-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#000000",
"foreground": "#E5E5E5",
"muted": "#0A0A0A",
"muted": "#0A0A0A90",
"mutedForeground": "#808080",
"elevated": "#141414",
"elevated": "#14141490",
"elevatedForeground": "#E5E5E5",
"overlay": "#00000080",
"subtle": "#1A1A1A"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/mono-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FFFFFF",
"foreground": "#1A1A1A",
"muted": "#F5F5F5",
"muted": "#F5F5F590",
"mutedForeground": "#757575",
"elevated": "#FAFAFA",
"elevated": "#FAFAFA90",
"elevatedForeground": "#1A1A1A",
"overlay": "#00000020",
"subtle": "#F0F0F0"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/mono-plus-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#000000",
"foreground": "#E5E5E5",
"muted": "#0A0A0A",
"muted": "#0A0A0A90",
"mutedForeground": "#808080",
"elevated": "#141414",
"elevated": "#14141490",
"elevatedForeground": "#E5E5E5",
"overlay": "#00000080",
"subtle": "#1A1A1A"
@@ -147,10 +147,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/mono-plus-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FFFFFF",
"foreground": "#1A1A1A",
"muted": "#F5F5F5",
"muted": "#F5F5F590",
"mutedForeground": "#6f6f6f",
"elevated": "#FAFAFA",
"elevated": "#FAFAFA90",
"elevatedForeground": "#1A1A1A",
"overlay": "#00000020",
"subtle": "#F0F0F0"
@@ -147,10 +147,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/monokai-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#23241E",
"foreground": "#F8F8F2",
"muted": "#282a20",
"muted": "#282a2090",
"mutedForeground": "#939390",
"elevated": "#21221a",
"elevated": "#21221a90",
"elevatedForeground": "#F8F8F2",
"overlay": "#FFFFFF20",
"subtle": "#36372a"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/monokai-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FDF8EC",
"foreground": "#292318",
"muted": "#F8F2E6",
"muted": "#F8F2E690",
"mutedForeground": "#887c6a",
"elevated": "#FBF5E8",
"elevated": "#FBF5E890",
"elevatedForeground": "#292318",
"overlay": "#1C150C20",
"subtle": "#F7EFDD"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/nightowl-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#011627",
"foreground": "#D6DEEB",
"muted": "#0B253A",
"muted": "#0B253A90",
"mutedForeground": "#7d8892",
"elevated": "#001122",
"elevated": "#00112290",
"elevatedForeground": "#D6DEEB",
"overlay": "#FFFFFF20",
"subtle": "#0f283f"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/nightowl-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FBFBFB",
"foreground": "#403F53",
"muted": "#F0F0F0",
"muted": "#F0F0F090",
"mutedForeground": "#747a7a",
"elevated": "#FFFFFF",
"elevated": "#FFFFFF90",
"elevatedForeground": "#403F53",
"overlay": "#1A1A1A20",
"subtle": "#F0F0F0"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/nord-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#1F2430",
"foreground": "#E5E9F0",
"muted": "#222938",
"muted": "#22293890",
"mutedForeground": "#7c828e",
"elevated": "#1C202A",
"elevated": "#1C202A90",
"elevatedForeground": "#E5E9F0",
"overlay": "#F8FAFC20",
"subtle": "#272f40"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/nord-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#ECEFF4",
"foreground": "#2E3440",
"muted": "#E4E8F0",
"muted": "#E4E8F090",
"mutedForeground": "#6e7481",
"elevated": "#e7ebf5",
"elevated": "#e7ebf590",
"elevatedForeground": "#2E3440",
"overlay": "#1F253020",
"subtle": "#dee4f0"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/oc-2-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#121212",
"foreground": "#f1ece8",
"muted": "#191919",
"muted": "#1b1b1a90",
"mutedForeground": "#cdc8c5",
"elevated": "#1a1a1a",
"elevated": "#15141490",
"elevatedForeground": "#f1ece8",
"overlay": "#121212cc",
"subtle": "#282727"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/oc-2-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#f8f8f8",
"foreground": "#161210",
"muted": "#ededed",
"muted": "#ebebeb90",
"mutedForeground": "#302c2a",
"elevated": "#f1f1f1",
"elevated": "#f1f1f190",
"elevatedForeground": "#161210",
"overlay": "#f8f8f833",
"subtle": "#e2e2e2"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/onedarkpro-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#1E222A",
"foreground": "#ABB2BF",
"muted": "#212631",
"muted": "#21263190",
"mutedForeground": "#737a89",
"elevated": "#232832",
"elevated": "#23283290",
"elevatedForeground": "#ABB2BF",
"overlay": "#F6F7FB20",
"subtle": "#2E3442"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/onedarkpro-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#F5F6F8",
"foreground": "#2B303B",
"muted": "#EEF0F4",
"muted": "#EEF0F490",
"mutedForeground": "#6e727b",
"elevated": "#f0f5fa",
"elevated": "#f0f5fa90",
"elevatedForeground": "#2B303B",
"overlay": "#0E111820",
"subtle": "#eaedf4"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/orng-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#050505",
"foreground": "#eeeeee",
"muted": "#0b0b0b",
"muted": "#14141490",
"mutedForeground": "#808080",
"elevated": "#0e0e0e",
"elevated": "#0e0e0e90",
"elevatedForeground": "#eeeeee",
"overlay": "#050505cc",
"subtle": "#1c1c1c"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/orng-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#ffffff",
"foreground": "#181818",
"muted": "#f4f4f4",
"muted": "#f2f2f290",
"mutedForeground": "#8a8a8a",
"elevated": "#f8f8f8",
"elevated": "#f8f8f890",
"elevatedForeground": "#181818",
"overlay": "#ffffff33",
"subtle": "#e9e9e9"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/presets.ts
+42 -42
View File
@@ -1,8 +1,8 @@
import type { Theme } from '@/types/theme';
import { withPrColors } from './prColors';
import amoled_dark_Raw from './amoled-dark.json';
import amoled_light_Raw from './amoled-light.json';
// import amoled_dark_Raw from './amoled-dark.json';
// import amoled_light_Raw from './amoled-light.json';
import aura_dark_Raw from './aura-dark.json';
import aura_light_Raw from './aura-light.json';
import ayu_dark_Raw from './ayu-dark.json';
@@ -11,46 +11,46 @@ import carbonfox_dark_Raw from './carbonfox-dark.json';
import carbonfox_light_Raw from './carbonfox-light.json';
import catppuccin_dark_Raw from './catppuccin-dark.json';
import catppuccin_light_Raw from './catppuccin-light.json';
import cursor_dark_Raw from './cursor-dark.json';
import cursor_light_Raw from './cursor-light.json';
// import cursor_dark_Raw from './cursor-dark.json';
// import cursor_light_Raw from './cursor-light.json';
import dracula_dark_Raw from './dracula-dark.json';
import dracula_light_Raw from './dracula-light.json';
import github_dark_Raw from './github-dark.json';
import github_light_Raw from './github-light.json';
// import github_dark_Raw from './github-dark.json';
// import github_light_Raw from './github-light.json';
import gruvbox_dark_Raw from './gruvbox-dark.json';
import gruvbox_light_Raw from './gruvbox-light.json';
import kanagawa_dark_Raw from './kanagawa-dark.json';
import kanagawa_light_Raw from './kanagawa-light.json';
import lucent_orng_dark_Raw from './lucent-orng-dark.json';
import lucent_orng_light_Raw from './lucent-orng-light.json';
// import lucent_orng_dark_Raw from './lucent-orng-dark.json';
// import lucent_orng_light_Raw from './lucent-orng-light.json';
import monokai_dark_Raw from './monokai-dark.json';
import monokai_light_Raw from './monokai-light.json';
import nightowl_dark_Raw from './nightowl-dark.json';
import nightowl_light_Raw from './nightowl-light.json';
import nord_dark_Raw from './nord-dark.json';
import nord_light_Raw from './nord-light.json';
import oc_2_dark_Raw from './oc-2-dark.json';
import oc_2_light_Raw from './oc-2-light.json';
import openchamber_dark_Raw from './openchamber-dark.json';
import openchamber_light_Raw from './openchamber-light.json';
// import oc_2_dark_Raw from './oc-2-dark.json';
// import oc_2_light_Raw from './oc-2-light.json';
import openchamber_dark_Raw from './fields-of-the-shire-dark.json';
import openchamber_light_Raw from './fields-of-the-shire-light.json';
import onedarkpro_dark_Raw from './onedarkpro-dark.json';
import onedarkpro_light_Raw from './onedarkpro-light.json';
import orng_dark_Raw from './orng-dark.json';
import orng_light_Raw from './orng-light.json';
import rosepine_dark_Raw from './rosepine-dark.json';
import rosepine_light_Raw from './rosepine-light.json';
import shadesofpurple_dark_Raw from './shadesofpurple-dark.json';
import shadesofpurple_light_Raw from './shadesofpurple-light.json';
// import orng_dark_Raw from './orng-dark.json';
// import orng_light_Raw from './orng-light.json';
// import rosepine_dark_Raw from './rosepine-dark.json';
// import rosepine_light_Raw from './rosepine-light.json';
// import shadesofpurple_dark_Raw from './shadesofpurple-dark.json';
// import shadesofpurple_light_Raw from './shadesofpurple-light.json';
import solarized_dark_Raw from './solarized-dark.json';
import solarized_light_Raw from './solarized-light.json';
import tokyonight_dark_Raw from './tokyonight-dark.json';
import tokyonight_light_Raw from './tokyonight-light.json';
import vercel_dark_Raw from './vercel-dark.json';
import vercel_light_Raw from './vercel-light.json';
// import vercel_dark_Raw from './vercel-dark.json';
// import vercel_light_Raw from './vercel-light.json';
import vesper_dark_Raw from './vesper-dark.json';
import vesper_light_Raw from './vesper-light.json';
import zenburn_dark_Raw from './zenburn-dark.json';
import zenburn_light_Raw from './zenburn-light.json';
// import zenburn_dark_Raw from './zenburn-dark.json';
// import zenburn_light_Raw from './zenburn-light.json';
import mono_plus_dark_Raw from './mono-plus-dark.json';
import mono_plus_light_Raw from './mono-plus-light.json';
import mono_dark_Raw from './mono-dark.json';
@@ -61,8 +61,8 @@ import vitesse_light_light_Raw from './vitesse-light-light.json';
export const presetThemes: Theme[] = [
openchamber_dark_Raw as Theme,
openchamber_light_Raw as Theme,
amoled_dark_Raw as Theme,
amoled_light_Raw as Theme,
// amoled_dark_Raw as Theme,
// amoled_light_Raw as Theme,
aura_dark_Raw as Theme,
aura_light_Raw as Theme,
ayu_dark_Raw as Theme,
@@ -71,44 +71,44 @@ export const presetThemes: Theme[] = [
carbonfox_light_Raw as Theme,
catppuccin_dark_Raw as Theme,
catppuccin_light_Raw as Theme,
cursor_dark_Raw as Theme,
cursor_light_Raw as Theme,
// cursor_dark_Raw as Theme,
// cursor_light_Raw as Theme,
dracula_dark_Raw as Theme,
dracula_light_Raw as Theme,
github_dark_Raw as Theme,
github_light_Raw as Theme,
// github_dark_Raw as Theme,
// github_light_Raw as Theme,
gruvbox_dark_Raw as Theme,
gruvbox_light_Raw as Theme,
kanagawa_dark_Raw as Theme,
kanagawa_light_Raw as Theme,
lucent_orng_dark_Raw as Theme,
lucent_orng_light_Raw as Theme,
// lucent_orng_dark_Raw as Theme,
// lucent_orng_light_Raw as Theme,
monokai_dark_Raw as Theme,
monokai_light_Raw as Theme,
nightowl_dark_Raw as Theme,
nightowl_light_Raw as Theme,
nord_dark_Raw as Theme,
nord_light_Raw as Theme,
oc_2_dark_Raw as Theme,
oc_2_light_Raw as Theme,
// oc_2_dark_Raw as Theme,
// oc_2_light_Raw as Theme,
onedarkpro_dark_Raw as Theme,
onedarkpro_light_Raw as Theme,
orng_dark_Raw as Theme,
orng_light_Raw as Theme,
rosepine_dark_Raw as Theme,
rosepine_light_Raw as Theme,
shadesofpurple_dark_Raw as Theme,
shadesofpurple_light_Raw as Theme,
// orng_dark_Raw as Theme,
// orng_light_Raw as Theme,
// rosepine_dark_Raw as Theme,
// rosepine_light_Raw as Theme,
// shadesofpurple_dark_Raw as Theme,
// shadesofpurple_light_Raw as Theme,
solarized_dark_Raw as Theme,
solarized_light_Raw as Theme,
tokyonight_dark_Raw as Theme,
tokyonight_light_Raw as Theme,
vercel_dark_Raw as Theme,
vercel_light_Raw as Theme,
// vercel_dark_Raw as Theme,
// vercel_light_Raw as Theme,
vesper_dark_Raw as Theme,
vesper_light_Raw as Theme,
zenburn_dark_Raw as Theme,
zenburn_light_Raw as Theme,
// zenburn_dark_Raw as Theme,
// zenburn_light_Raw as Theme,
mono_plus_dark_Raw as Theme,
mono_plus_light_Raw as Theme,
mono_dark_Raw as Theme,
packages/ui/src/lib/theme/themes/rosepine-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#0c0a16",
"foreground": "#e0def5",
"muted": "#12101d",
"muted": "#1a182490",
"mutedForeground": "#6e6a86",
"elevated": "#14121e",
"elevated": "#14121e90",
"elevatedForeground": "#e0def5",
"overlay": "#0c0a16cc",
"subtle": "#211f2c"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/rosepine-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#fbf5ef",
"foreground": "#454066",
"muted": "#f5ede7",
"muted": "#f2ebe890",
"mutedForeground": "#9893a5",
"elevated": "#f6f0ec",
"elevated": "#f6f0ec90",
"elevatedForeground": "#454066",
"overlay": "#fbf5ef33",
"subtle": "#ebe5e3"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/shadesofpurple-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#0e051d",
"foreground": "#f5f0fe",
"muted": "#150b24",
"muted": "#1d142c90",
"mutedForeground": "#d1ccd8",
"elevated": "#170e25",
"elevated": "#170e2590",
"elevatedForeground": "#f5f0fe",
"overlay": "#0e051dcc",
"subtle": "#251c33"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/shadesofpurple-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#f8effe",
"foreground": "#32224f",
"muted": "#f0e6f6",
"muted": "#ede4f490",
"mutedForeground": "#4e406b",
"elevated": "#f3e9f9",
"elevated": "#f3e9f990",
"elevatedForeground": "#32224f",
"overlay": "#f8effe33",
"subtle": "#e6dcee"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/solarized-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#001e25",
"foreground": "#93A1A1",
"muted": "#02232e",
"muted": "#02232e90",
"mutedForeground": "#6f7475",
"elevated": "#052832",
"elevated": "#05283290",
"elevatedForeground": "#93A1A1",
"overlay": "#FDF6E320",
"subtle": "#042b34"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/solarized-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FDF6E3",
"foreground": "#586E75",
"muted": "#F6EFDA",
"muted": "#F6EFDA90",
"mutedForeground": "#7a8587",
"elevated": "#FAF3DC",
"elevated": "#FAF3DC90",
"elevatedForeground": "#586E75",
"overlay": "#07364220",
"subtle": "#F6EFDA"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/tokyonight-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#0F111A",
"foreground": "#C0CAF5",
"muted": "#111428",
"muted": "#11142890",
"mutedForeground": "#6a739d",
"elevated": "#131629",
"elevated": "#13162990",
"elevatedForeground": "#C0CAF5",
"overlay": "#EAEAFF20",
"subtle": "#171b30"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/tokyonight-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#E1E2E7",
"foreground": "#273153",
"muted": "#DEE0EA",
"muted": "#DEE0EA90",
"mutedForeground": "#686e9b",
"elevated": "#dee0ee",
"elevated": "#dee0ee90",
"elevatedForeground": "#273153",
"overlay": "#1C254420",
"subtle": "#dadce6"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/vercel-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#000000",
"foreground": "#ededed",
"muted": "#000000",
"muted": "#0f0f0f90",
"mutedForeground": "#878787",
"elevated": "#090909",
"elevated": "#09090990",
"elevatedForeground": "#ededed",
"overlay": "#000000cc",
"subtle": "#171717"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/vercel-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#ffffff",
"foreground": "#161616",
"muted": "#f4f4f4",
"muted": "#f1f1f190",
"mutedForeground": "#666666",
"elevated": "#f8f8f8",
"elevated": "#f8f8f890",
"elevatedForeground": "#161616",
"overlay": "#ffffff33",
"subtle": "#e8e8e8"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/vesper-dark.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#101010",
"foreground": "#FFFFFF",
"muted": "#141414",
"muted": "#14141490",
"mutedForeground": "#7f7f7f",
"elevated": "#110f0f",
"elevated": "#110f0f90",
"elevatedForeground": "#FFFFFF",
"overlay": "#FFFFFF20",
"subtle": "#232323"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/vesper-light.json
+6 -6
View File
@@ -19,9 +19,9 @@
"surface": {
"background": "#FFFFFF",
"foreground": "#101010",
"muted": "#F8F8F8",
"muted": "#F8F8F890",
"mutedForeground": "#908d8d",
"elevated": "#F0F0F0",
"elevated": "#F0F0F090",
"elevatedForeground": "#101010",
"overlay": "#00000020",
"subtle": "#f5f3f3"
@@ -168,10 +168,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/vitesse-dark-dark.json
+6 -6
View File
@@ -23,9 +23,9 @@
"surface": {
"background": "#121212",
"foreground": "#dbd7caee",
"muted": "#171717",
"muted": "#17171790",
"mutedForeground": "#c0beb99c",
"elevated": "#1a1a1a",
"elevated": "#1a1a1a90",
"elevatedForeground": "#dbd7caee",
"overlay": "#12121280",
"subtle": "#212020"
@@ -151,10 +151,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/vitesse-light-light.json
+6 -6
View File
@@ -23,9 +23,9 @@
"surface": {
"background": "#ffffff",
"foreground": "#2c2c28",
"muted": "#ecebeb",
"muted": "#ecebeb90",
"mutedForeground": "#5b5c54cb",
"elevated": "#f7f7f7",
"elevated": "#f7f7f790",
"elevatedForeground": "#393a34",
"overlay": "#ffffff80",
"subtle": "#ecebeb"
@@ -151,10 +151,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"transitions": {
packages/ui/src/lib/theme/themes/zenburn-dark.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#262626",
"foreground": "#dcdccb",
"muted": "#2c2c2b",
"muted": "#32323190",
"mutedForeground": "#9f9f9f",
"elevated": "#2d2d2c",
"elevated": "#2d2d2c90",
"elevatedForeground": "#dcdccb",
"overlay": "#262626cc",
"subtle": "#383836"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {
packages/ui/src/lib/theme/themes/zenburn-light.json
+6 -6
View File
@@ -25,9 +25,9 @@
"surface": {
"background": "#fffff4",
"foreground": "#333333",
"muted": "#f6f6eb",
"muted": "#f4f4e990",
"mutedForeground": "#6f6f6f",
"elevated": "#f9f9ef",
"elevated": "#f9f9ef90",
"elevatedForeground": "#333333",
"overlay": "#fffff433",
"subtle": "#ecece2"
@@ -413,10 +413,10 @@
},
"radius": {
"none": "0",
"sm": "0.125rem",
"md": "0.375rem",
"lg": "0.5rem",
"xl": "0.75rem",
"sm": "0.325rem",
"md": "0.75rem",
"lg": "1.125rem",
"xl": "1.5rem",
"full": "9999px"
},
"spacing": {