fix: comment view styling (#7965)

core/comments/comment_view.ts

@@ -167,7 +167,7 @@ export class CommentView implements IRenderedElement {
       Svg.IMAGE,
       {
         'class': 'blocklyFoldoutIcon',
-        'href': `${workspace.options.pathToMedia}arrow-dropdown.svg`,
+        'href': `${workspace.options.pathToMedia}foldout-icon.svg`,
       },
       topBarGroup,
     );
@@ -736,7 +736,6 @@ css.register(`
 .blocklyWorkspace {
   --commentFillColour: #FFFCC7;
   --commentBorderColour: #F2E49B;
-  --commentIconColour: #1A1A1A
 }
 
 .blocklyComment .blocklyTextarea {
@@ -759,22 +758,18 @@ css.register(`
 .blocklyDeleteIcon {
   width: 20px;
   height: 20px;
-  display: none;
-  fill: var(--commentIconColour);
   cursor: pointer;
 }
 
 .blocklyFoldoutIcon {
   width: 20px;
   height: 20px;
-  fill: var(--commentIconColour);
   transform-origin: 12px 12px;
   cursor: pointer;
 }
 .blocklyResizeHandle {
   width: 12px;
   height: 12px;
-  stroke: var(--commentIconColour);
   cursor: se-resize;
 }
 
@@ -784,7 +779,7 @@ css.register(`
 }
 
 .blocklyComment .blocklyCommentPreview.blocklyText {
-  fill: var(--commentIconColour);
+  fill: #000;
   dominant-baseline: middle;
   visibility: hidden;
 }

media/delete-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="#041E49"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>