Skip to content

Commit 6f58b0c

Browse files
committed
fix: improve AI chat attachment close button visibility on dark theme
Use subtle translucent white background with soft text opacity instead of opaque dark background that was invisible on dark theme.
1 parent 5c01117 commit 6f58b0c

1 file changed

Lines changed: 18 additions & 6 deletions

File tree

src/styles/Extn-AIChatPanel.less

Lines changed: 18 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1862,15 +1862,21 @@
18621862
width: 16px;
18631863
height: 16px;
18641864
border-radius: 50%;
1865-
background: rgba(0, 0, 0, 0.7);
1866-
border: 1px solid rgba(255, 255, 255, 0.2);
1867-
color: @project-panel-text-2;
1865+
background: rgba(255, 255, 255, 0.12);
1866+
border: 1px solid rgba(255, 255, 255, 0.18);
1867+
color: rgba(255, 255, 255, 0.7);
18681868
font-size: 11px;
18691869
padding: 0;
18701870
display: none;
18711871
align-items: center;
18721872
justify-content: center;
18731873
cursor: pointer;
1874+
transition: background 150ms, color 150ms;
1875+
1876+
&:hover {
1877+
background: rgba(255, 255, 255, 0.22);
1878+
color: #fff;
1879+
}
18741880
}
18751881

18761882
&:hover .ai-image-remove {
@@ -1904,15 +1910,21 @@
19041910
width: 16px;
19051911
height: 16px;
19061912
border-radius: 50%;
1907-
background: rgba(0, 0, 0, 0.7);
1908-
border: 1px solid rgba(255, 255, 255, 0.2);
1909-
color: @project-panel-text-2;
1913+
background: rgba(255, 255, 255, 0.12);
1914+
border: 1px solid rgba(255, 255, 255, 0.18);
1915+
color: rgba(255, 255, 255, 0.7);
19101916
font-size: 11px;
19111917
padding: 0;
19121918
display: none;
19131919
align-items: center;
19141920
justify-content: center;
19151921
cursor: pointer;
1922+
transition: background 150ms, color 150ms;
1923+
1924+
&:hover {
1925+
background: rgba(255, 255, 255, 0.22);
1926+
color: #fff;
1927+
}
19161928
}
19171929

19181930
&:hover .ai-file-remove {

0 commit comments

Comments
 (0)