me/shadcn-slint
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
me0106
2026-01-26 23:40:05 +08:00
parent 1ec60e3cbb
commit 24bf9dc3dd
7 changed files with 163 additions and 188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
ui/theme/colors.slint
View File

@@ -1,5 +1,6 @@
// Shadcn-style Color System
// Based on shadcn/ui zinc theme with light/dark mode support
// Based on shadcn/ui official neutral theme with light/dark mode support
// Source: https://github.com/shadcn-ui/ui/blob/main/apps/v4/styles/globals.css
// Color palette structure
export struct ColorPalette {
@@ -24,52 +25,53 @@ export struct ColorPalette {
ring: color,
}
// Light mode colors - shadcn zinc theme
// Light mode colors - shadcn official neutral theme
// oklch values converted to hex for Slint compatibility
export global LightColors {
out property <ColorPalette> palette: {
background: #ffffff,
foreground: #09090b,
card: #ffffff,
card-foreground: #09090b,
popover: #ffffff,
popover-foreground: #09090b,
primary: #18181b,
primary-foreground: #fafafa,
secondary: #f4f4f5,
secondary-foreground: #18181b,
muted: #f4f4f5,
muted-foreground: #71717a,
accent: #f4f4f5,
accent-foreground: #18181b,
destructive: #ef4444,
destructive-foreground: #fafafa,
border: #e4e4e7,
input: #e4e4e7,
ring: #18181b,
background: #ffffff, // oklch(1 0 0)
foreground: #252525, // oklch(0.145 0 0)
card: #ffffff, // oklch(1 0 0)
card-foreground: #252525, // oklch(0.145 0 0)
popover: #ffffff, // oklch(1 0 0)
popover-foreground: #252525, // oklch(0.145 0 0)
primary: #343434, // oklch(0.205 0 0)
primary-foreground: #fbfbfb, // oklch(0.985 0 0)
secondary: #f7f7f7, // oklch(0.97 0 0)
secondary-foreground: #343434, // oklch(0.205 0 0)
muted: #f7f7f7, // oklch(0.97 0 0)
muted-foreground: #8e8e8e, // oklch(0.556 0 0)
accent: #f7f7f7, // oklch(0.97 0 0)
accent-foreground: #343434, // oklch(0.205 0 0)
destructive: #ef4444, // oklch(0.577 0.245 27.325)
destructive-foreground: #f7f7f7, // oklch(0.97 0.01 17) - light red/pink, not white!
border: #ebebeb, // oklch(0.922 0 0)
input: #ebebeb, // oklch(0.922 0 0)
ring: #b4b4b4, // oklch(0.708 0 0)
};
}
// Dark mode colors - shadcn zinc theme
// Dark mode colors - shadcn official neutral theme
export global DarkColors {
out property <ColorPalette> palette: {
background: #09090b,
foreground: #fafafa,
card: #09090b,
card-foreground: #fafafa,
popover: #09090b,
popover-foreground: #fafafa,
primary: #fafafa,
primary-foreground: #18181b,
secondary: #27272a,
secondary-foreground: #fafafa,
muted: #27272a,
muted-foreground: #a1a1aa,
accent: #27272a,
accent-foreground: #fafafa,
destructive: #7f1d1d,
destructive-foreground: #fafafa,
border: #27272a,
input: #27272a,
ring: #d4d4d8,
background: #252525, // oklch(0.145 0 0)
foreground: #fbfbfb, // oklch(0.985 0 0)
card: #343434, // oklch(0.205 0 0)
card-foreground: #fbfbfb, // oklch(0.985 0 0)
popover: #444444, // oklch(0.269 0 0)
popover-foreground: #fbfbfb, // oklch(0.985 0 0)
primary: #ebebeb, // oklch(0.922 0 0)
primary-foreground: #343434, // oklch(0.205 0 0)
secondary: #444444, // oklch(0.269 0 0)
secondary-foreground: #fbfbfb, // oklch(0.985 0 0)
muted: #444444, // oklch(0.269 0 0)
muted-foreground: #b4b4b4, // oklch(0.708 0 0)
accent: #5e5e5e, // oklch(0.371 0 0)
accent-foreground: #fbfbfb, // oklch(0.985 0 0)
destructive: #dc2626, // oklch(0.704 0.191 22.216)
destructive-foreground: #ef4444, // oklch(0.58 0.22 27) - red color, not white!
border: #1a1a1a, // oklch(1 0 0 / 10%) - 10% white on dark
input: #262626, // oklch(1 0 0 / 15%) - 15% white on dark
ring: #8e8e8e, // oklch(0.556 0 0)
};
}