Merge branch 'dev' into desktop-poilsh-styles-ui-ux
This commit is contained in:
Aaron Iker
commit
6535556203
96 changed files with 3555 additions and 2689 deletions
|
|
@ -37,7 +37,7 @@ export function Avatar(props: AvatarProps) {
|
|||
}}
|
||||
>
|
||||
<Show when={src} fallback={split.fallback?.[0]}>
|
||||
{(src) => <img src={src()} draggable={false} class="size-full object-cover" />}
|
||||
{(src) => <img src={src()} draggable={false} class="size-full object-cover rounded-[inherit]" />}
|
||||
</Show>
|
||||
</div>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -63,6 +63,7 @@ const icons = {
|
|||
edit: `<path d="M17.0832 17.0807V17.5807H17.5832V17.0807H17.0832ZM2.9165 17.0807H2.4165V17.5807H2.9165V17.0807ZM2.9165 2.91406V2.41406H2.4165V2.91406H2.9165ZM9.58317 3.41406H10.0832V2.41406H9.58317V2.91406V3.41406ZM17.5832 10.4141V9.91406H16.5832V10.4141H17.0832H17.5832ZM6.24984 11.2474L5.89628 10.8938L5.74984 11.0403V11.2474H6.24984ZM6.24984 13.7474H5.74984V14.2474H6.24984V13.7474ZM8.74984 13.7474V14.2474H8.95694L9.10339 14.101L8.74984 13.7474ZM15.2082 2.28906L15.5617 1.93551L15.2082 1.58196L14.8546 1.93551L15.2082 2.28906ZM17.7082 4.78906L18.0617 5.14262L18.4153 4.78906L18.0617 4.43551L17.7082 4.78906ZM17.0832 17.0807V16.5807H2.9165V17.0807V17.5807H17.0832V17.0807ZM2.9165 17.0807H3.4165V2.91406H2.9165H2.4165V17.0807H2.9165ZM2.9165 2.91406V3.41406H9.58317V2.91406V2.41406H2.9165V2.91406ZM17.0832 10.4141H16.5832V17.0807H17.0832H17.5832V10.4141H17.0832ZM6.24984 11.2474H5.74984V13.7474H6.24984H6.74984V11.2474H6.24984ZM6.24984 13.7474V14.2474H8.74984V13.7474V13.2474H6.24984V13.7474ZM6.24984 11.2474L6.60339 11.6009L15.5617 2.64262L15.2082 2.28906L14.8546 1.93551L5.89628 10.8938L6.24984 11.2474ZM15.2082 2.28906L14.8546 2.64262L17.3546 5.14262L17.7082 4.78906L18.0617 4.43551L15.5617 1.93551L15.2082 2.28906ZM17.7082 4.78906L17.3546 4.43551L8.39628 13.3938L8.74984 13.7474L9.10339 14.101L18.0617 5.14262L17.7082 4.78906Z" fill="currentColor"/>`,
|
||||
help: `<path d="M7.91683 7.91927V6.2526H12.0835V8.7526L10.0002 10.0026V12.0859M10.0002 13.7526V13.7609M17.9168 10.0026C17.9168 14.3749 14.3724 17.9193 10.0002 17.9193C5.62791 17.9193 2.0835 14.3749 2.0835 10.0026C2.0835 5.63035 5.62791 2.08594 10.0002 2.08594C14.3724 2.08594 17.9168 5.63035 17.9168 10.0026Z" stroke="currentColor" stroke-linecap="square"/>`,
|
||||
"settings-gear": `<path d="M7.62516 4.46094L5.05225 3.86719L3.86475 5.05469L4.4585 7.6276L2.0835 9.21094V10.7943L4.4585 12.3776L3.86475 14.9505L5.05225 16.138L7.62516 15.5443L9.2085 17.9193H10.7918L12.3752 15.5443L14.9481 16.138L16.1356 14.9505L15.5418 12.3776L17.9168 10.7943V9.21094L15.5418 7.6276L16.1356 5.05469L14.9481 3.86719L12.3752 4.46094L10.7918 2.08594H9.2085L7.62516 4.46094Z" stroke="currentColor"/><path d="M12.5002 10.0026C12.5002 11.3833 11.3809 12.5026 10.0002 12.5026C8.61945 12.5026 7.50016 11.3833 7.50016 10.0026C7.50016 8.62189 8.61945 7.5026 10.0002 7.5026C11.3809 7.5026 12.5002 8.62189 12.5002 10.0026Z" stroke="currentColor"/>`,
|
||||
dash: `<rect x="5" y="9.5" width="10" height="1" fill="currentColor"/>`,
|
||||
}
|
||||
|
||||
export interface IconProps extends ComponentProps<"svg"> {
|
||||
|
|
|
|||
|
|
@ -58,6 +58,7 @@
|
|||
0 16px 48px -6px light-dark(hsl(0 0% 0% / 0.05), hsl(0 0% 0% / 0.15)),
|
||||
0 6px 12px -2px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1)),
|
||||
0 1px 2.5px light-dark(hsl(0 0% 0% / 0.025), hsl(0 0% 0% / 0.1));
|
||||
--shadow-xxs-border: 0 0 0 0.5px var(--border-weak-base, rgba(0, 0, 0, 0.07));
|
||||
--shadow-xs-border:
|
||||
0 0 0 1px var(--border-base, rgba(11, 6, 0, 0.2)), 0 1px 2px -1px rgba(19, 16, 16, 0.04),
|
||||
0 1px 2px 0 rgba(19, 16, 16, 0.06), 0 1px 3px 0 rgba(19, 16, 16, 0.08);
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ import oneDarkProThemeJson from "./themes/onedarkpro.json"
|
|||
import shadesOfPurpleThemeJson from "./themes/shadesofpurple.json"
|
||||
import nightowlThemeJson from "./themes/nightowl.json"
|
||||
import vesperThemeJson from "./themes/vesper.json"
|
||||
import carbonfoxThemeJson from "./themes/carbonfox.json"
|
||||
|
||||
export const oc1Theme = oc1ThemeJson as DesktopTheme
|
||||
export const tokyonightTheme = tokyoThemeJson as DesktopTheme
|
||||
|
|
@ -24,6 +25,7 @@ export const oneDarkProTheme = oneDarkProThemeJson as DesktopTheme
|
|||
export const shadesOfPurpleTheme = shadesOfPurpleThemeJson as DesktopTheme
|
||||
export const nightowlTheme = nightowlThemeJson as DesktopTheme
|
||||
export const vesperTheme = vesperThemeJson as DesktopTheme
|
||||
export const carbonfoxTheme = carbonfoxThemeJson as DesktopTheme
|
||||
|
||||
export const DEFAULT_THEMES: Record<string, DesktopTheme> = {
|
||||
"oc-1": oc1Theme,
|
||||
|
|
@ -38,4 +40,5 @@ export const DEFAULT_THEMES: Record<string, DesktopTheme> = {
|
|||
shadesofpurple: shadesOfPurpleTheme,
|
||||
nightowl: nightowlTheme,
|
||||
vesper: vesperTheme,
|
||||
carbonfox: carbonfoxTheme,
|
||||
}
|
||||
|
|
|
|||
122
packages/ui/src/theme/themes/carbonfox.json
Normal file
122
packages/ui/src/theme/themes/carbonfox.json
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
{
|
||||
"$schema": "https://opencode.ai/desktop-theme.json",
|
||||
"name": "Carbonfox",
|
||||
"id": "carbonfox",
|
||||
"light": {
|
||||
"seeds": {
|
||||
"neutral": "#8e8e8e",
|
||||
"primary": "#0072c3",
|
||||
"success": "#198038",
|
||||
"warning": "#f1c21b",
|
||||
"error": "#da1e28",
|
||||
"info": "#0043ce",
|
||||
"interactive": "#0f62fe",
|
||||
"diffAdd": "#198038",
|
||||
"diffDelete": "#da1e28"
|
||||
},
|
||||
"overrides": {
|
||||
"background-base": "#ffffff",
|
||||
"background-weak": "#f4f4f4",
|
||||
"background-strong": "#e8e8e8",
|
||||
"background-stronger": "#dcdcdc",
|
||||
"surface-raised-strong": "#ffffff",
|
||||
"surface-raised-stronger": "#ffffff",
|
||||
"surface-float-base": "#161616",
|
||||
"surface-float-base-hover": "#262626",
|
||||
"text-base": "#161616",
|
||||
"text-weak": "#525252",
|
||||
"text-strong": "#000000",
|
||||
"syntax-string": "#198038",
|
||||
"syntax-primitive": "#da1e28",
|
||||
"syntax-property": "#0043ce",
|
||||
"syntax-type": "#007d79",
|
||||
"syntax-constant": "#6929c4",
|
||||
"syntax-keyword": "#525252",
|
||||
"syntax-info": "#0043ce",
|
||||
"markdown-heading": "#0043ce",
|
||||
"markdown-text": "#161616",
|
||||
"markdown-link": "#0043ce",
|
||||
"markdown-link-text": "#0072c3",
|
||||
"markdown-code": "#198038",
|
||||
"markdown-block-quote": "#525252",
|
||||
"markdown-emph": "#6929c4",
|
||||
"markdown-strong": "#161616",
|
||||
"markdown-horizontal-rule": "#c6c6c6",
|
||||
"markdown-list-item": "#0072c3",
|
||||
"markdown-list-enumeration": "#0072c3",
|
||||
"markdown-image": "#0043ce",
|
||||
"markdown-image-text": "#0072c3",
|
||||
"markdown-code-block": "#393939"
|
||||
}
|
||||
},
|
||||
"dark": {
|
||||
"seeds": {
|
||||
"neutral": "#393939",
|
||||
"primary": "#33b1ff",
|
||||
"success": "#42be65",
|
||||
"warning": "#f1c21b",
|
||||
"error": "#ff8389",
|
||||
"info": "#78a9ff",
|
||||
"interactive": "#4589ff",
|
||||
"diffAdd": "#42be65",
|
||||
"diffDelete": "#ff8389"
|
||||
},
|
||||
"overrides": {
|
||||
"background-base": "#161616",
|
||||
"background-weak": "#262626",
|
||||
"background-strong": "#0d0d0d",
|
||||
"background-stronger": "#000000",
|
||||
"surface-raised-base": "#1c1c1c",
|
||||
"surface-raised-base-hover": "#262626",
|
||||
"surface-raised-strong": "#262626",
|
||||
"surface-raised-strong-hover": "#303030",
|
||||
"surface-raised-stronger": "#303030",
|
||||
"surface-raised-stronger-hover": "#393939",
|
||||
"surface-raised-stronger-non-alpha": "#303030",
|
||||
"surface-float-base": "#0d0d0d",
|
||||
"surface-float-base-hover": "#1a1a1a",
|
||||
"surface-inset-base": "#0d0d0d",
|
||||
"surface-inset-strong": "#000000",
|
||||
"surface-base": "#1e1e1e",
|
||||
"surface-base-hover": "#262626",
|
||||
"surface-diff-add-base": "#0e3a22",
|
||||
"surface-diff-delete-base": "#4d1a1f",
|
||||
"input-base": "#262626",
|
||||
"input-hover": "#303030",
|
||||
"button-secondary-base": "#393939",
|
||||
"button-secondary-hover": "#4c4c4c",
|
||||
"border-weak-base": "#393939",
|
||||
"border-weak-hover": "#4c4c4c",
|
||||
"border-base": "#525252",
|
||||
"border-hover": "#636363",
|
||||
"border-strong-base": "#6f6f6f",
|
||||
"text-base": "#f2f4f8",
|
||||
"text-weak": "#8d8d8d",
|
||||
"text-weaker": "#6f6f6f",
|
||||
"text-strong": "#ffffff",
|
||||
"icon-base": "#8d8d8d",
|
||||
"icon-weak-base": "#6f6f6f",
|
||||
"syntax-string": "#42be65",
|
||||
"syntax-primitive": "#ff8389",
|
||||
"syntax-property": "#78a9ff",
|
||||
"syntax-type": "#08bdba",
|
||||
"syntax-constant": "#be95ff",
|
||||
"syntax-keyword": "#8d8d8d",
|
||||
"syntax-info": "#78a9ff",
|
||||
"markdown-heading": "#82cfff",
|
||||
"markdown-text": "#f2f4f8",
|
||||
"markdown-link": "#78a9ff",
|
||||
"markdown-link-text": "#33b1ff",
|
||||
"markdown-code": "#42be65",
|
||||
"markdown-block-quote": "#8d8d8d",
|
||||
"markdown-emph": "#be95ff",
|
||||
"markdown-strong": "#ffffff",
|
||||
"markdown-horizontal-rule": "#393939",
|
||||
"markdown-list-item": "#33b1ff",
|
||||
"markdown-list-enumeration": "#33b1ff",
|
||||
"markdown-image": "#78a9ff",
|
||||
"markdown-image-text": "#33b1ff",
|
||||
"markdown-code-block": "#c6c6c6"
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue