diff --git a/apps/desktop/src/styles.css b/apps/desktop/src/styles.css index 541d0eefec0..428845eefc1 100644 --- a/apps/desktop/src/styles.css +++ b/apps/desktop/src/styles.css @@ -76,8 +76,7 @@ --shadow-header: 0 0.0625rem 0 color-mix(in srgb, var(--dt-foreground) 7%, transparent), 0 0.625rem 1.5rem -1.25rem color-mix(in srgb, #000 16%, transparent); - --shadow-composer: - 0 0.0625rem 0.125rem color-mix(in srgb, #000 5%, transparent); + --shadow-composer: 0 0.0625rem 0.125rem color-mix(in srgb, #000 5%, transparent); --shadow-composer-focus: 0 0 0 0.125rem color-mix(in srgb, var(--dt-composer-ring) calc(10% * var(--composer-ring-strength)), transparent), 0 0 0 0.0625rem color-mix(in srgb, var(--dt-composer-ring) calc(22% * var(--composer-ring-strength)), transparent), @@ -133,15 +132,23 @@ --ui-cyan: #4c7f8c; --ui-blue: #0053fd; --ui-purple: #9e94d5; - --ui-bg-chrome: color-mix(in srgb, var(--theme-background-seed) var(--theme-mix-chrome), var(--theme-neutral-chrome)); - --ui-bg-sidebar: color-mix(in srgb, var(--theme-sidebar-seed) var(--theme-mix-sidebar), var(--theme-neutral-sidebar)); - --ui-bg-editor: color-mix(in srgb, var(--theme-card-seed) var(--theme-mix-card), var(--theme-neutral-card)); - --ui-bg-elevated: color-mix(in srgb, var(--theme-elevated-seed) var(--theme-mix-elevated), var(--theme-neutral-card)); - --ui-bg-card: color-mix( + --ui-bg-chrome: color-mix( in srgb, - var(--ui-accent) 4%, - color-mix(in srgb, var(--ui-base) 4%, transparent) + var(--theme-background-seed) var(--theme-mix-chrome), + var(--theme-neutral-chrome) ); + --ui-bg-sidebar: color-mix( + in srgb, + var(--theme-sidebar-seed) var(--theme-mix-sidebar), + var(--theme-neutral-sidebar) + ); + --ui-bg-editor: color-mix(in srgb, var(--theme-card-seed) var(--theme-mix-card), var(--theme-neutral-card)); + --ui-bg-elevated: color-mix( + in srgb, + var(--theme-elevated-seed) var(--theme-mix-elevated), + var(--theme-neutral-card) + ); + --ui-bg-card: color-mix(in srgb, var(--ui-accent) 4%, color-mix(in srgb, var(--ui-base) 4%, transparent)); --ui-bg-input: #fcfcfc; --ui-bg-primary: color-mix( in srgb, @@ -218,7 +225,11 @@ --ui-sidebar-surface-background: var(--ui-bg-sidebar); --ui-chat-surface-background: var(--ui-bg-chrome); --ui-editor-surface-background: var(--ui-bg-chrome); - --ui-chat-bubble-background: color-mix(in srgb, var(--theme-bubble-seed) var(--theme-mix-bubble), var(--theme-neutral-card)); + --ui-chat-bubble-background: color-mix( + in srgb, + var(--theme-bubble-seed) var(--theme-mix-bubble), + var(--theme-neutral-card) + ); --ui-chat-bubble-opaque-background: var(--ui-bg-editor); --ui-inline-code-background: color-mix(in srgb, #141414 5%, transparent); --ui-inline-code-border: color-mix(in srgb, #141414 8%, transparent); @@ -272,7 +283,7 @@ --conversation-line-height: 1.125rem; --conversation-caption-line-height: 1rem; --conversation-turn-gap: 0.375rem; - --sticky-human-top: 0.75rem; + --sticky-human-top: 0.23rem; --file-tree-row-height: 1.375rem; --composer-width: 48.75rem; @@ -627,7 +638,7 @@ canvas { .scrollbar-dt::-webkit-scrollbar-thumb, .scrollbar-dt *::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--dt-midground) 18%, transparent); - border-radius: 9999rem; + border-radius: 9999rem; border: 0.125rem solid transparent; background-clip: padding-box; } @@ -939,8 +950,7 @@ canvas { background: transparent !important; } -[data-slot='aui_assistant-message-content'] - > :is([data-slot='tool-block'], [data-slot='aui_thinking-disclosure']) { +[data-slot='aui_assistant-message-content'] > :is([data-slot='tool-block'], [data-slot='aui_thinking-disclosure']) { opacity: 0.67; transition: opacity 120ms ease-out; } @@ -971,12 +981,8 @@ canvas { margin-top: 1rem; } -[data-slot='aui_assistant-message-content'] - [data-slot='aui_thinking-disclosure'] - + [data-slot='tool-block'], -[data-slot='aui_assistant-message-content'] - [data-slot='tool-block'] - + [data-slot='aui_thinking-disclosure'] { +[data-slot='aui_assistant-message-content'] [data-slot='aui_thinking-disclosure'] + [data-slot='tool-block'], +[data-slot='aui_assistant-message-content'] [data-slot='tool-block'] + [data-slot='aui_thinking-disclosure'] { margin-top: 0.75rem; }