Ayuriel/openclaw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update sidebar animations and accent colors

Browse Source 
- Add 'sidebar-animate' class to sidebar elements for improved transition effects.
- Change accent color scheme to a green palette for better visual consistency.
- Ensure sidebar animations are disabled during resizing for smoother user experience.
This commit is contained in:
Mark 2026-03-12 21:12:15 -07:00
parent 63c463a726
commit f39130c8f7
2 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/web/app/globals.css
View File

@ -26,10 +26,10 @@
--color-text-secondary: #44443e;
--color-text-muted: #8a8a82;
/* Accent (blue) */
--color-accent: #4FA1EE;
--color-accent-hover: #3b8edb;
--color-accent-light: rgba(79, 161, 238, 0.08);
/* Accent */
--color-accent: #01735C;
--color-accent-hover: #015C4A;
--color-accent-light: rgba(1, 115, 92, 0.08);
/* Chat */
--color-user-bubble: #eae8e4;
@ -116,10 +116,10 @@
--color-text-secondary: #b8b8b0;
--color-text-muted: #78776f;
/* Accent (blue, brighter for dark) */
--color-accent: #4FA1EE;
--color-accent-hover: #6bb3f2;
--color-accent-light: rgba(79, 161, 238, 0.12);
/* Accent */
--color-accent: #01735C;
--color-accent-hover: #1A8A6F;
--color-accent-light: rgba(1, 115, 92, 0.12);
/* Chat */
--color-user-bubble: #1e1e1c;
@ -1992,6 +1992,10 @@ body {
.dench-favicon-file {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3C/svg%3E") !important;
}
body.resizing .sidebar-animate {
transition: none !important;
}
.dench-favicon-app {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3C/svg%3E") !important;
}

6
apps/web/app/workspace/workspace-content.tsx
View File

@ -1892,7 +1892,7 @@ function WorkspacePageInner() {
)
) : (
<div
className="flex shrink-0 flex-col relative overflow-hidden"
className="sidebar-animate flex shrink-0 flex-col relative overflow-hidden"
style={{
width: leftSidebarCollapsed ? 0 : leftSidebarWidth,
minWidth: leftSidebarCollapsed ? 0 : leftSidebarWidth,
@ -2213,7 +2213,7 @@ function WorkspacePageInner() {
{!isMobile && showMainChat && (
<aside
className="flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
className="sidebar-animate flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
style={{
width: chatSidebarOpen ? chatSidebarWidth : 0,
borderColor: chatSidebarOpen ? "var(--color-border)" : "transparent",
@ -2258,7 +2258,7 @@ function WorkspacePageInner() {
{!isMobile && !showMainChat && fileContext && (
<aside
className="flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
className="sidebar-animate flex-shrink-0 min-h-0 border-l flex flex-col relative overflow-hidden"
style={{
width: showChatSidebar && !rightSidebarCollapsed ? rightSidebarWidth : 0,
borderColor: showChatSidebar && !rightSidebarCollapsed ? "var(--color-border)" : "transparent",